2 VRML VRML.wrl VRML VRML VRML VRML Cosmo Software Cosmo Player VRML 1.4 VRML (header) (statement) VRML V2.0 VRML utf8 VRML

Size: px
Start display at page:

Download "2 VRML VRML.wrl VRML VRML VRML VRML Cosmo Software Cosmo Player VRML 1.4 VRML (header) (statement) VRML V2.0 VRML utf8 VRML"

Transcription

1 VRML version Copyright c 2003 Daikoku Manabu 1 VRML 1.1 Web3D Web3D Web3D 3 3 Web3D 1.2 VRML Web3D VRML Virtual Reality Modeling Language VRML ISO(International Standardization Organization) IEC(International Electrotechnical Commission) VRML Web3D Consortium VRML X3D 1.3 VRML VRML VRML VRML XHTML CSS VRML VRML VRML VRML shape.wrl material Material { diffusecolor geometry Cylinder { radius 4 height 3

2 2 VRML VRML.wrl VRML VRML VRML VRML Cosmo Software Cosmo Player VRML 1.4 VRML (header) (statement) VRML V2.0 VRML utf8 VRML (node) (node statement)... { (node type name) VRML Shape Appearance Material Cylinder 4 (field) (field name) VRML appearance material diffusecolor geometry radius height 6 (node body element) (field value) VRML 1.5 VRML Shape Shape appearance geometry

3 VRML 3 geometry VRML Cylinder Cylinder radius height Cylinder { radius 1.2 height VRML appearance Appearance Appearance material Material Material diffusecolor (white space) VRML Material { diffusecolor Material { diffusecolor VRML (comment) VRML ( # ) VRML

4 4 VRML Material { diffusecolor # orange VRML # orange 1.8 (default value) Cylinder radius 1 height 2 Cylinder { 1 2 Material diffusecolor VRML default.wrl material Material { geometry Cylinder { 1.9 DEF... { DEF DEF Orange Appearance { material Material { diffusecolor Appearance Orange USE appearance USE Orange geometry Sphere {

5 VRML 5 appearance Orange Appearance VRML defuse.wrl DEF Orange Appearance { material Material { diffusecolor appearance USE Orange geometry Sphere { appearance USE Orange geometry Cylinder { radius 0.3 height cylinder cylinder Box Sphere Cone Box size size 3 Box { size size 2 VRML box.wrl material Material { diffusecolor geometry Box { size Sphere radius Sphere { radius radius 1 VRML sphere.wrl

6 6 VRML material Material { diffusecolor geometry Sphere { radius 3 Cone bottomradius height Cone { bottomradius 1.2 height bottomradius 1 height 2 VRML cone.wrl material Material { diffusecolor geometry Cone { bottomradius 0.8 height Text Text string ( " ) Text { string "namako" namako VRML text.wrl material Material { diffusecolor geometry Text { string "I am a text." string (multiple value) (single value) ( [ ) [ "namako" "hitode" "isoginchaku" "umiushi" "uni" 5 [ "namako", "hitode", "isoginchaku", "umiushi", "uni"

7 VRML 7 VRML multext.wrl material Material { diffusecolor geometry Text { string [ "first line" "second line" "third line" Text fontstyle fontstyle FontStyle FontStyle family style size family SERIF SANS TYPEWRITER 3 family "SERIF" style PLAIN BOLD ITALIC BOLDITALIC style "PLAIN" size 1 VRML font.wrl material Material { diffusecolor geometry Text { string "SANS, ITALIC, 1.2" fontstyle FontStyle { family "SANS" style "ITALIC" size Material diffusecolor Material diffusecolor emissivecolor diffusecolor emissivecolor VRML emissive.wrl NavigationInfo { headlight FALSE

8 8 VRML material Material { emissivecolor geometry Cylinder { VRML NavigationInfo (headlight) NavigationInfo { headlight FALSE VRML 2.4 Appearance material texture texture ImageTexture ImageTexture url URL URL JPEG PNG 2 GIF VRML image.wrl material Material { texture ImageTexture { url "image.jpg" geometry Cylinder { VRML (coordinate system) VRML 3 VRML x y z 3 3 (origin) x y z

9 VRML 9 x y z 3 (coordinates) 3 (right-handed) (left-handed) 2 VRML x y z x y z 3.2 VRML (transformation) Shape Transform children Transform translation rotation scale translation x y z 3 x y z x y z x 7 y 0.6 z 8 VRML transla.wrl material Material { diffusecolor # blue geometry Sphere { translation children material Material { diffusecolor # red geometry Sphere { rotation x y z θ 4 x y z x y z θ

10 10 VRML y VRML rotation.wrl DEF Needle Cone { bottomradius 0.5 height 7 material Material { diffusecolor # blue geometry USE Needle rotation children material Material { diffusecolor # red geometry USE Needle scale x y z 3 x y z x y z x 0.8 y 0.3 z 1.5 VRML scale.wrl material Material { diffusecolor # blue geometry Sphere { scale children material Material { diffusecolor # red geometry Sphere { children 1 2 children

11 VRML 11 2 VRML mushape.wrl DEF Aqua Appearance { material Material { diffusecolor appearance USE Aqua geometry Sphere { translation appearance USE Aqua geometry Cylinder { appearance USE Aqua geometry Box { size VRML VRML z 10 VRML z y x VRML Viewpoint Viewpoint position Viewpoint { position x 3 y 0.8 z 7 Viewpoint orientation Viewpoint { orientation y z VRML vpoint.wrl Viewpoint { position orientation Shape{ material Material { diffusecolor

12 12 VRML geometry Cylinder { VRML (light source) VRML VRML (light source node) DirectionalLight PointLight SpotLight 3 intensity color intensity color (directional light source) DirectionalLight direction x y z 3 x y z DirectionalLight { direction direction z VRML dilight.wrl NavigationInfo { headlight FALSE DirectionalLight { direction Shape{ material Material { diffusecolor geometry Sphere { 4.3 (point light source)

13 VRML 13 PointLight location PointLight { location x 5 location VRML polight.wrl DEF LightGreen Appearance { material Material { diffusecolor NavigationInfo { headlight FALSE PointLight { location translation children appearance USE LightGreen geometry Cylinder { radius 2 height 4 translation children appearance USE LightGreen geometry Sphere { radius (spotlight) SpotLight location direction cutoffangle cutoffangle direction SpotLight { location direction cutoffangle 0.17 x 20 x x location direction z cutoffangle VRML splight.wrl NavigationInfo { headlight FALSE SpotLight {

14 14 VRML location direction cutoffangle 0.35 DEF Kyuu material Material { diffusecolor geometry Sphere { radius 2 translation children USE Kyuu translation children USE Kyuu (link) (hypertext) (anchor) URL(uniform resource locator) URL IETF(Internet Engineering Task Force) RFC VRML VRML VRML Anchor url children url URL children Shape Shape URL Anchor { url "kurage.htm" children appearance USE Green geometry Cylinder { Shape kurage.htm url URL

15 VRML 15 VRML VRML worlda.wrl DEF SkyBlue Appearance { material Material { diffusecolor Anchor { url "worldb.wrl" children translation translation children appearance USE SkyBlue geometry Box { size appearance USE SkyBlue geometry Text { string "worldb.wrl" VRML worldb.wrl DEF Orange Appearance { material Material { diffusecolor Anchor { url "worlda.wrl" children translation translation children appearance USE Orange geometry Sphere { radius 0.5 appearance USE Orange geometry Text { string "worlda.wrl" Anchor { url " children translation translation children appearance USE Orange geometry Sphere { radius 0.5

16 16 VRML appearance USE Orange geometry Text { string "Paradise College" VRML (sensor) (sensor node) TouchSensor PlaneSensor CylinderSensor SphereSendor ProximitySensor TimeSensor Transform Tranform children Transform Group Group Transform Transform Group (event) eventout eventin (route) (route statement) ROUTE 1. eventout TO 2. eventin TO eventout TO eventin ROUTE SENSOR.isActive TO LIGHT.on SENSOR isactive eventout LIGHT on eventin VRML

17 VRML TouchSensor TouchSensor TouchSensor isover isactive eventout TouchSensor isover TRUE isover FALSE isactive TRUE FALSE ON/OFF on TRUE ON FALSE OFF eventin VRML touch.wrl NavigationInfo { headlight FALSE translation children material Material { diffusecolor geometry Sphere { radius 6 translation DEF RED_LIGHT PointLight { color on FALSE DEF RED_SWITCH TouchSensor { material Material { emissivecolor geometry Box { size ROUTE RED_SWITCH.isActive TO RED_LIGHT.on translation DEF BLUE_LIGHT PointLight { color on FALSE DEF BLUE_SWITCH TouchSensor { material Material { emissivecolor geometry Box { size ROUTE BLUE_SWITCH.isActive TO BLUE_LIGHT.on

18 18 VRML 6.3 PlaneSensor PlaneSensor PlaneSensor translation eventout eventout Transform translation Transform PlaneSensor minposition maxposition x y DEF PS PlaneSensor { minposition -8-7 maxposition 4 3 x 8 4 y 7 3 PlaneSensor xy Transform VRML plane.wrl translation children material Material { diffusecolor geometry Box { size translation DEF PS PlaneSensor { minposition maxposition DEF HAKO children material Material { diffusecolor geometry Box { size ROUTE PS.translation TO HAKO.translation 6.4 CylinderSensor CylinderSensor CylinderSensor rotation eventout

19 VRML 19 eventout Transform rotation Transform CylinderSensor y Transform VRML cylisen.wrl translation children DEF HAKO children material Material { diffusecolor geometry Box { size translation rotation DEF CS CylinderSensor { DEF TSUMAMI material Material { diffusecolor geometry Cylinder { translation children material Material { diffusecolor geometry Box { size ROUTE CS.rotation TO TSUMAMI.rotation ROUTE CS.rotation TO HAKO.rotation 6.5 SphereSensor SphereSensor SphereSensor CylinderSensor rotation eventout SphereSensor rotation Transform rotation Transform SphereSensor

20 20 VRML Transform VRML sphesen.wrl translation children DEF HAKO children material Material { diffusecolor geometry Box { size translation DEF SS SphereSensor { DEF BALL children material Material { diffusecolor geometry Sphere { ROUTE SS.rotation TO BALL.rotation ROUTE SS.rotation TO HAKO.rotation 6.6 ProximitySensor ProximitySensor ProximitySensor center size center size x y z 3 DEF PS ProximitySensor { center size x ProximitySensor center size ProximitySensor isactive eventout eventout TRUE FALSE VRML proximi.wrl NavigationInfo { headlight FALSE

21 VRML 21 translation DEF LIGHT PointLight { location on FALSE DEF PS ProximitySensor { size DEF HASHIRA translation children material Material { emissivecolor geometry Box { size translation children USE HASHIRA translation children USE HASHIRA translation children USE HASHIRA material Material { diffusecolor geometry Sphere { ROUTE PS.isActive TO LIGHT.on ProximitySensor ProximitySensor position_changed eventout orientation_changed eventout position_changed orientation_changed VRML dashbd.wrl DEF PS ProximitySensor { size 1e25 1e25 1e25 material Material { diffusecolor geometry Sphere { DEF DASHBOARD children translation children material Material { diffusecolor geometry Box { size

22 22 VRML ROUTE PS.position_changed TO DASHBOARD.translation ROUTE PS.orientation_changed TO DASHBOARD.rotation VRML (animation) VRML TimeSensor cycleinterval loop cycleinterval 1 loop 1 TRUE 1 FALSE FALSE DEF TS TimeSensor { cycleinterval 20 loop TRUE 20 TimeSensor franction_changed eventout eventout cycleinterval 0 1 TimeSensor (interpolator) (interpolator node) PositionInterpolator ColorInterpolator OrientationInterpolator ScalarInterpolator set_fraction eventin value_changed eventout set_fraction value_changed TimeSensor fraction_changed set_fraction value_changed key keyvalue key keyvalue key keyvalue key

23 VRML PositionInterpolator DEF PI PositionInterpolator { key [ 0, 0.25, 0.5, 0.75, 1 keyvalue [ 4 0 4, 4 0-4, , , xz VRML posani.wrl DEF ENCHUU Cylinder { radius 0.6 height 1 translation rotation children material Material { diffusecolor geometry USE ENCHUU translation rotation children material Material { diffusecolor geometry USE ENCHUU DEF KYUU children material Material { diffusecolor geometry Sphere { radius 0.5 DEF TS TimeSensor { cycleinterval 10 loop TRUE DEF PI PositionInterpolator { key [ 0, 0.7, 1 keyvalue [ , 3 0 0, ROUTE TS.fraction_changed TO PI.set_fraction ROUTE PI.value_changed TO KYUU.translation 7.3 OrientationInterpolator

24 24 VRML DEF OI OrientationInterpolator { key [ 0, 0.5, 1 keyvalue [ , , x VRML oriani.wrl DEF HAKO material Material { diffusecolor geometry Box { size translation children material Material { diffusecolor geometry Box { size DEF TS1 TimeSensor { cycleinterval 20 loop TRUE DEF OI1 OrientationInterpolator { key [ 0, 0.5, 1 keyvalue [ , , ROUTE TS1.fraction_changed TO OI1.set_fraction ROUTE OI1.value_changed TO HAKO.rotation DEF KYUU children translation children material Material { diffusecolor geometry Sphere { radius 0.6 DEF TS2 TimeSensor { cycleinterval 5 loop TRUE DEF OI2 OrientationInterpolator { key [ 0, 0.5, 1 keyvalue [ , , ROUTE TS2.fraction_changed TO OI2.set_fraction ROUTE OI2.value_changed TO KYUU.rotation

25 VRML ColorInterpolator DEF CI ColorInterpolator { key [ 0, 0.5, 1 keyvalue [ 0 0 1, 0 1 1, VRML colani.wrl material DEF M Material { geometry Sphere { radius 3 DEF TS TimeSensor { cycleinterval 10 loop TRUE DEF CI ColorInterpolator { key [ 0, 0.5, 1 keyvalue [ 1 0 0, 0 1 0, ROUTE TS.fraction_changed TO CI.set_fraction ROUTE CI.value_changed TO M.diffuseColor (scalar) VRML ScalarInterpolator DEF SI ScalarInterpolator { key [ 0, 0.5, 1 keyvalue [ 1, 0, VRML scalani.wrl NavigationInfo { headlight FALSE material Material { diffusecolor geometry Cylinder { radius 3 DEF DL DirectionalLight { direction DEF TS TimeSensor { cycleinterval 10 loop TRUE

26 26 VRML DEF SI ScalarInterpolator { key [ 0, 0.5, 1 keyvalue [ 0, 1, 0 ROUTE TS.fraction_changed TO SI.set_fraction ROUTE SI.value_changed TO DL.intensity 7.6 TimeSensor starttime eventin eventin TimeSensor loop FALSE starttime TouchSensor touchtime eventout eventout eventout TimeSensor starttime ProximitySensor entertime exittime eventout entertime eventout exittime eventout eventout VRML startan.wrl Group { DEF TOS TouchSensor { material DEF M Material { diffusecolor geometry Cylinder { DEF TS TimeSensor { cycleinterval 2 DEF CI ColorInterpolator { key [ 0, 0.5, 1 keyvalue [ 1 1 1, 1 0 0, ROUTE TOS.touchTime TO TS.startTime ROUTE TS.fraction_changed TO CI.set_fraction ROUTE CI.value_changed TO M.diffuseColor VRML VRML VRML

27 VRML 27 Script 8.2 VRML (type) (type name) VRML SFBool SFVec2f 2 SFInt32 32 SFVec3f 3 SFFloat SFColor SFString SFRotation SFTime SFImage SFNode S M MFString SFBool SFImage JavaScript new (,... ) VRML new SFRotation(0,1,0,3.14) y Script Script eventin eventin Script eventin SFVec3f ichi SFVec3f ichi eventin eventout eventout

28 28 VRML 8.4 Script url URL kamenote.js JavaScript Script url "kamenote.js" JavaScript VRML url url "javascript:..." javascript: Script eventin eventin eventout eventout VRML touchco.wrl Group { DEF TOS TouchSensor { material DEF M Material { diffusecolor geometry Cylinder { DEF TOUCHCOLOR Script { eventin SFBool touch eventout SFColor color url "javascript: function touch(isactive) { if (isactive) color = new SFColor(0,0.5,1); else color = new SFColor(1,1,1); " ROUTE TOS.isActive TO TOUCHCOLOR.touch ROUTE TOUCHCOLOR.color TO M.diffuseColor 8.5 Script eventin eventout eventin eventout field

29 VRML 29 field SFColor iro iro VRML tcount.wrl material Material { diffusecolor geometry DEF T Text { string "0" fontstyle FontStyle { size 4 translation DEF TOS TouchSensor { material Material { diffusecolor geometry Cylinder { DEF TOUCHCOUNT Script { field SFInt32 count 0 eventin SFBool touch eventout MFString string url "javascript: function touch(isactive) { if (isactive == false) { count++; string = new MFString(count + ); " ROUTE TOS.isActive TO TOUCHCOUNT.touch ROUTE TOUCHCOUNT.string TO T.string 8.6 VRML Browser Browser createvrmlfromstring VRML Group Transform addchildren eventin eventin VRML create.wrl DEF G Group { translation

30 30 VRML DEF TOS TouchSensor { material Material { diffusecolor geometry Cylinder { DEF CREATESPHERE Script { field SFFloat z 0 eventin SFBool touch eventout MFNode node url "javascript: function touch(isactive) { if (isactive == false) { node = Browser.createVrmlFromString( + translation z + children Shape{ + + material Material { + diffusecolor geometry Sphere { + + ); z -= 5.0; " ROUTE TOS.isActive TO CREATESPHERE.touch ROUTE CREATESPHERE.node TO G.addChildren

vrml.PDF

vrml.PDF VRML VRML Shape V2.0 VRML (Presence) VR Toolkit World Toolkit VRML Java 3D VRML (Virtual Reality Modeling Language) JavaScript Java VRML (EAI) Java 3D Java utf8 1.0 VRML #VRML V1.0 ascii 2.0 (Interactivity)

More information

バーチャルリアリティ

バーチャルリアリティ (Presence) (Interactivity) (Autonomy) VR Toolkit World Toolkit VRML Java 3D VRML (Virtual Reality Modeling Language) Web3D JavaScript Java VRML (EAI) Java 3D Java VRML VRML 2 DXF VRML CosmoPlayer Text

More information

スライド タイトルなし

スライド タイトルなし (5) - (5) 2002.05.21 E-Mail: katto@katto.comm.waseda.ac.jp 8 khz 8 22.5, 44.1, 48 khz 16 512 256 128 64 32 16 kbit/s G.711 (PCM) G.726 (ADPCM) GSM (CELP) 8 ( ) VSELP 4 2 40 PCM CD/DAT MPEG1 PSI-CELP G.728

More information

スライド タイトルなし

スライド タイトルなし (5) - (2) SMIL 2003.05.23 E-Mail: katto@waseda.jp 8 khz 8 22.5, 44.1, 48 khz 16 512 256 128 64 32 16 kbit/s G.711 (PCM) G.726 (ADPCM) GSM (CELP) 8 ( ) VSELP 4 2 40 PCM CD/DAT MPEG1 PSI-CELP G.728 (CELP)

More information

情報工学実験Ⅲ

情報工学実験Ⅲ 最終更新 :2016.10.27 IT 塾大学特別講座 テーマ :HTML による 3 次元グラフィックスの制作 福岡工業大学情報工学部情報工学科山澤一誠 (yamazawa@fit.ac.jp) 参考ページ ( 大学 3 年生の実験用ページ ) http://www.fit.ac.jp/~yamazawa/jikken3/ HTML による 3 次元グラフィックスの制作 1. 目的最新の Web3D

More information

情報工学実験Ⅲ

情報工学実験Ⅲ 最終更新 :2017.2.9 情報工学実験 Ⅲ 実験テーマ :Web 対応 3 次元グラフィックスの制作 ( 情報工学科 3 年前期 ) 福岡工業大学情報工学部情報工学科山澤一誠 (yamazawa@fit.ac.jp) 本テキストは次のホームページで閲覧 ダウンロード可能です. http://www.fit.ac.jp/~yamazawa/jikken3/ Web 対応 3 次元グラフィックスの制作

More information

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/

More information

fiš„v5.dvi

fiš„v5.dvi (2001) 49 2 293 303 VRML 1 2 3 2001 4 12 2001 10 16 Web Java VRML (Virtual Reality Modeling Language) VRML Web VRML VRML VRML VRML Web VRML VRML, 3D 1. WWW (World Wide Web) WWW Mittag (2000) Web CGI Java

More information

スライド タイトルなし

スライド タイトルなし 画像情報特論 (5) - ディジタル圧縮とメディア表現 (2) 音声 オーディオ SMIL グラフィクス 2004.05.14 情報ネットワーク専攻甲藤二郎 E-Mail: katto@waseda.jp 音声 オーディオ圧縮の 原理 ディジタルオーディオ キャプチャ & 圧縮 典型的なサンプリングレート マイク サウンドキャプチャ 音声 : 8 khz 8 ビット オーディオ : 22.5, 44.1,

More information

汎用ノード (CX3DNode) 専用ノード CX3DTransform フィールド SFBool SFInt SFFloat SFDouble SFTime SFVec2f

汎用ノード (CX3DNode) 専用ノード CX3DTransform フィールド SFBool SFInt SFFloat SFDouble SFTime SFVec2f X3D/VRML パーサー説明書 2008/11/26 概要...4 パース対象ファイル...4 必要環境...4 ディレクトリ構成...6 コンパイル & テスト実行方法...7 java 部分コンパイル前の準備...8 (1) Xj3D の jar ファイルへの参照設定...8 (2) クラスパスの設定...9 java 部分コンパイル...9 java 部分テスト実行用バッチファイル (go.bat)

More information

サイバネットニュース No.82

サイバネットニュース No.82 1 2-5 5-8 9 10 11 12 13 14 8 15 16 WRQ,Inc. Windows 95Windows NT Reflection Suite for TCP for Windows 95/NT J6.6 UNIXDEC/VAXLAN Windows 95Windows NT NFSTCP/IP WRQReflection Smart Stack(Windows 95) 1 VRMLWWW

More information

3 top#index 1 web router.ex web/router.ex 12 scope "/", NanoPlanner do 13 pipe_through browser get "/", TopController, index 16 end URL / to

3 top#index 1 web router.ex web/router.ex 12 scope /, NanoPlanner do 13 pipe_through browser get /, TopController, index 16 end URL / to 3 NanoPlanner SASS Bootstrap Font Awesome 3.1 RAVT 6 RAVT route action view template Phoenix top index top index top#index RAVT URL / top#index top#index top 23 3 top#index 1 web router.ex web/router.ex

More information

ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個

ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個 1238-2 円形グラデーションのトランジション ラディアルグラデーションのトランジション W3C 仕様では background-image プロパティは transition プロパティでのトランジションや後で アニメーション編 に出てくる animation プロパティでのアニメーションができないようになっています ラディアルグラデーションの radial-gradient( ) 関数と repeating-radial-gradient(

More information

course pptx

course pptx ParaView () 20105141CAE OPENFOAM (R) is a registered trade mark of OpenCFD Limited, the producer of the OpenFOAM software and owner of the OPENFOAM (R) and OpenCFD (R) trade marks. This offering is not

More information

( )$("canvas").drawarc({strokestyle:"red", x:100, y:100, radius:20, start:0, end:360); drawline(x1:, y1:,... xn:, yn:) drawline n 2 n 3 x1: y1: xn: yn

( )$(canvas).drawarc({strokestyle:red, x:100, y:100, radius:20, start:0, end:360); drawline(x1:, y1:,... xn:, yn:) drawline n 2 n 3 x1: y1: xn: yn 0.1. jquaery jcanvas jquery John Resig OSS JavaScript Web JavaScript jquery jquery 1 0.2. jcanvas jcanvas 0.3. jcanvas HTML5 Canvas Canvas jcanvas jcanvas jquery Canvas API jcanvas Grouping Layer jcanvas

More information

サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out

サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out 1339 アウトラインのアニメーション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースと して使用されることが多い機能です また outline でボックスの輪郭をアニメーションさ せることもできますが あまり使われることはないかもしれません アニメーションで変化させることができる outline 関係のプロパティ outline-color animation

More information

Border Width と記述します id 属性 div3 の div 要素を記述し 中にテキストで Border Radius と記述します id 属性 div4 の div 要素を記述し 中に span 要素を1つ記述しその中にテキストで Border All<br />(Color,Widt

Border Width と記述します id 属性 div3 の div 要素を記述し 中にテキストで Border Radius と記述します id 属性 div4 の div 要素を記述し 中に span 要素を1つ記述しその中にテキストで Border All<br />(Color,Widt 1338-1 ボーダーのアニメーション (1) border のアニメーションは web ページを作るときにボタンのアニメーションとして使えそ うです アニメーションで変化させることができる border 関係のプロパティ border-color animation で色を滑らかに変化させることができます border-width animation で幅を滑らかに変化させることができます border-radius

More information

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top 1116 位置の記述方法について (position, top, right, bottom, left) ここまでの説明では ボックスの大きさを変えると その後ろや下にある他のボックスの位置が移動してしまいました それは margin プロパティが隣接するボックスとの間の空白を指定しているからです position プロパティを使用すると ボックスの配置位置を指定して位置を固定させたり 移動できるようにすることができます

More information

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)

More information

1222-B Transform Using Class And Tag (classセレクタと要素型セレクタ(Tag)を使用してスタイルを適用する)

1222-B Transform Using Class And Tag (classセレクタと要素型セレクタ(Tag)を使用してスタイルを適用する) 1232 セレクタを使う (selector) CSS でスタイルを指定する時に セレクタ (selector) でスタイルを適用する対象を特定することができます セレクタには次のようなものがあります もうすでに使用してきた #box1 のような指定は id セレクタ と呼ばれるセレクタです また フォントの指定で使用してきた.font1 は class セレクタ と呼ばれるセレクタです セレクタ

More information

Color Change

Color Change 1229 Text の 3D トランジション (rotatex, rotatey) テキストが 3D で変形するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると テキストが 3D で 変化するトランジションが動きます プロパティ transform: rotatex( ) rotatey( ) 要素を 3D 回転するときに指定します

More information

</div> </div> </body> </html> CSS の記述 (3DCubeAnime1.css) #stage ステージのスタイルを指定します 背景色を黒色で指定します 画像に軽く遠近感を出すために perspective: 1000px; と指定し perspective-orig

</div> </div> </body> </html> CSS の記述 (3DCubeAnime1.css) #stage ステージのスタイルを指定します 背景色を黒色で指定します 画像に軽く遠近感を出すために perspective: 1000px; と指定し perspective-orig 1342-7 応用 1 Rotate 3D Cube 3D Cube が回転するアニメーション サンプル CSS1 CSS3 で 3D の Cube を描いて回転させてみましょう 3DCubeAnime1 の説明 HTML の記述 (3DCubeAnime1.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 cube の div 要素を記述し

More information

1222-A Transform Function Order (trsn

1222-A Transform Function Order (trsn 1256 Reflect プロパティ (-webkit-box-reflect) -webkit-box-reflect プロパティを使用して反射画像を作ってみましょう webkit の仕様なので Safari Chrome で適用されますが それ以外のブラウザは未対応です (2015 年 11 月 25 日現在 ) -webkit-box-reflect プロパティは 画像が鏡に映って反転 ( 反射画像

More information

ch31.dvi

ch31.dvi 1 1 1.1 1.1.1 ( ) ( 1.1 ): [ ] [ ] CPU[ + ] [ ] CPU( ) ( 1 2 1 1.1: ( 1.1 ): ( ) [ ] ( )[ ] + ( ) (+ ) ( ) ( ) 1.1. 3 1.2: ( ) ( ) ( 1.2) 4 1 1.3: 120m/ (432km/h) 0.5 2m/ 1 ( 1 ) ( ) ( ) ( 1.3) 1.1. 5

More information

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse

More information

Lotus Domino XML活用の基礎!

Lotus Domino XML活用の基礎! IBM Software Group Lotus Domino XML 2 Agenda Domino XML Domino XML Lotus Domino Web XML Lotus Domino Web XML XML 3 Domino XML Language (DXL) XML Lotus Domino Lotus Notes/Domino R5 Lotus Notes/Domino 6.x

More information

ProVisionaire Control V3.0セットアップガイド

ProVisionaire Control V3.0セットアップガイド ProVisionaire Control V3 1 Manual Development Group 2018 Yamaha Corporation JA 2 3 4 5 NOTE 6 7 8 9 q w e r t r t y u y q w u e 10 3. NOTE 1. 2. 11 4. NOTE 5. Tips 12 2. 1. 13 3. 4. Tips 14 5. 1. 2. 3.

More information

1222-A Transform Function Order (trsn

1222-A Transform Function Order (trsn 1247 Matrix3D の合成 Multiply Matrix3D ここでは matrix3d 関数で 3D の変形 ( 拡大縮小 傾斜 ) 回転 移動を同時に行いたい場 合の数値の指定方法について説明します マトリックスに指定する数値はつぎのようになっています ( 注 : これは数学上のマトッリ クスの数値の並びです 数学上のマトリックスで計算して 最後に matrix3d 関数の数値の 並びで指定します

More information

Blue Asterisk template

Blue Asterisk template IBM Content Analyzer V8.4.2 TEXT MINER の新機能 大和ソフトウェア開発 2008 IBM Corporation 目次 UI カスタマイズ機能 検索条件の共有 柔軟な検索条件の設定 2 UI カスタマイズ機能 アプリケーションをカスタマイズするために Java Script ファイルおよびカスケーディングスタイルシート (CSS) ファイルの読み込み機能が提供されています

More information

Java D S99444-H

Java D S99444-H Java D S99444-H 2002 2 12-0 - Java3D. Java3D......... 3. 50m....... JMC............. Java3D.. JMC..... - 1 - Web3D Web3D WEB D VRML Virtual Reality Modeling Language 1994 VRML1.0 1997 ISO IEC VRML97 ISO/IEC

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web HTML 1 Web 1 Web Web 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML XHTML(XHTML 1.0 Transitional)

More information

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis > HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript

More information

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

スタイルシートでデザインを整えよう

スタイルシートでデザインを整えよう スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます

More information

13 Student Software TI-Nspire CX CAS TI Web TI-Nspire CX CAS Student Software ( ) 1 Student Software 37 Student Software Nspire Nspire Nspir

13 Student Software TI-Nspire CX CAS TI Web TI-Nspire CX CAS Student Software ( ) 1 Student Software 37 Student Software Nspire Nspire Nspir 13 Student Software TI-Nspire CX CAS TI Web TI-Nspire CX CAS Student Software ( ) 1 Student Software 37 Student Software 37.1 37.1 Nspire Nspire Nspire 37.1: Student Software 13 2 13 Student Software esc

More information

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ 1225-6 練習 6 Overflow The Stage(overflow) ピエロの玉乗りがステージの外から入って外へ出て行くトランジションを作ってみましょ う Hover ボタンの上をマウスポインター ( カーソル ) で hover すると ピエロの玉乗りが ステージの外から入って外へ出て行きます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 ピエロとボールの横方向の動き

More information

untitled

untitled BioCIS 0.3 2005/09/14 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. Excel BioCIS 0.3 1 1. 2. URL http://biokey.museum.hokudai.ac.jp/classification/ 2. Internet Explorer BioCIS 0.3 2 3. BioCIS 4. (

More information

Network Computing の基礎

Network Computing の基礎 CSS Cascading Style Sheets Cascading = Style Sheets = CSS WEB HTML CSS 2 HTML h1 p CSS 3 CSS CSS HTML sample1.html CSS HTML sample2.html CSS CSS sample2.css CSS

More information

/var/lib/sharelatex/data/compiles/5b35c6e168aeba3d a72a7acd11f6ba07fbbff68/output.dvi

/var/lib/sharelatex/data/compiles/5b35c6e168aeba3d a72a7acd11f6ba07fbbff68/output.dvi SuperSQL 2018 7 5 1 2 2 2 2.1.................................... 2 2.2 SSedit....................................... 2 3 2 3.1 SSedit..................................... 2 3.2 ssql.................................

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

インターネットマガジン1999年7月号―INTERNET magazine No.54

インターネットマガジン1999年7月号―INTERNET magazine No.54 A MagnaviIp9907Htmltips +CD-ROM 3 3 A N S W E R HTML TIPS&TRICKS A N S W E R function Init() { block.style.setexpression("left",

More information

情報システム 第8回講義資料

情報システム 第8回講義資料 情報学科 CS コース情報システム (3 年後期 ) 講義ノート ー第 8 回ー マルチメディアと XML (SMIL, X3D) 田中克己角谷和俊 マルチメディア プレゼンテーションの表現 Synchronized Multimedia Integration Language (SMIL) 2.0 http://www.w3.org/tr/smil20/ 対話的なマルチメディアプレゼンテーションを記述するための

More information

1.1. jquery 1 jquery jcanvas javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web Web jquer

1.1. jquery 1 jquery jcanvas javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web Web jquer 1 1.1. jquery 1 jquery jcanvas javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web Web jquery jcanvas jquery jcanvas 1.2. jcanvas HTML5 Canvas

More information

D:/cssj/jcs/v7n2/a5tex/TX2.dvi

D:/cssj/jcs/v7n2/a5tex/TX2.dvi J. Chem. Software, Vol. 7, No. 2, p. 87 98 (2001) *,, 338-8570 255 *e-mail: tokita@apc.saitama-u.ac.jp (Received: September 13, 2000; Accepted for publication: September 27, 2000; Published on Web: November

More information

# let st1 = {name = "Taro Yamada"; id = };; val st1 : student = {name="taro Yamada"; id=123456} { 1 = 1 ;...; n = n } # let string_of_student {n

# let st1 = {name = Taro Yamada; id = };; val st1 : student = {name=taro Yamada; id=123456} { 1 = 1 ;...; n = n } # let string_of_student {n II 6 / : 2001 11 21 (OCaml ) 1 (field) name id type # type student = {name : string; id : int};; type student = { name : string; id : int; } student {} type = { 1 : 1 ;...; n : n } { 1 = 1 ;...; n = n

More information

山梨県ホームページ作成ガイドライン

山梨県ホームページ作成ガイドライン 17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6

More information

3 3.1 SSedit ua012345% ssedit SuperSQL config.ssql log.txt( logs.txt) SSedit SSedit 3.2 ssql Putty SSedit ua012345% ssql HTML /public html/ssql.ssql 4

3 3.1 SSedit ua012345% ssedit SuperSQL config.ssql log.txt( logs.txt) SSedit SSedit 3.2 ssql Putty SSedit ua012345% ssql HTML /public html/ssql.ssql 4 SuperSQL SuperSQL 2016 12 13 1 SuperSQL ITC 2 SuperSQL 2.1 public html/ssql 2.2 SSedit SSedit (3.1 ) postgresql (ua123456 ) 131.113.101.124 /public html/ssql SuperSQL HTML /public html/ssql http://user.keio.ac.jp/

More information

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3 Web 2.0 Web Web Web Web Web Web Web I II I ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3 1. 1.1 Web... 1 1.1.1... 3 1.1.2... 3 1.1.3... 4 1.2... 4 I 2 5 2. HTMLCSS 2.1 HTML...

More information

paper.pdf

paper.pdf Cop: Web 1,a) 1,b) GUI, UI,,., GUI, Java Swing., Web HTML CSS,. CSS,, CSS,.,, HTML CSS Cop. Cop, JavaScript,,. Cop, Web,. Web, HTML, CSS, JavaScript, 1., GUI, Web., HTML CSS (UI), JavaScript, Web GUI.

More information

untitled

untitled .NET Framework 6 2009 2 15 Copyright 2003-2006 All rights reserved. Reports.NET Reports.NET 275-0026 3-29-2-401 http://www.pao.ac/ 1....1 2....4 3....5 3-1. ...5 3-2. ...5 3-3.

More information

h23w1.dvi

h23w1.dvi 24 I 24 2 8 10:00 12:30 1),. Do not open this problem booklet until the start of the examination is announced. 2) 3.. Answer the following 3 problems. Use the designated answer sheet for each problem.

More information

Q&A集

Q&A集 MapViewer & ver.2 EWEB-3C-N055 PreSerV for Web MapViewer & i 1... 1 1.1... 1 1.2... 2 1.3... 3 1.4... 4 1.5... 5 1.6... 6 1.7... 7 1.8... 8 1.9... 9 1.10...11 1.11...12 1.12...13 1.13...14 1.14...15 1.15...16

More information

G-XML EWEB-3K-N064

G-XML EWEB-3K-N064 G-XML EWEB-3K-N064 PreSerV for Web G-XML i 1... 1 1.1 G-XML... 1 1.2... 2 1.2.1 PreSerV for Web... 2 1.2.2 G-XML... 2 1.2.3 SVG... 2 2 G-XML... 3 2.1 G-XML... 3 2.2... 4 2.3... 4 3... 6 3.1... 6 3.2...

More information

ohp.mgp

ohp.mgp 2019/06/11 A/B -- HTML/WWW(World Wide Web -- (TA:, [ 1 ] !!? Web Page http://edu-gw2.math.cst.nihon-u.ac.jp/~kurino VNC Server Address : 10.9.209.159 Password : vnc-2019 (2019/06/04 : : * * / / : (cf.

More information

3 3.1 SSedit ua012345% ssedit SuperSQL config.ssql log.txt( logs.txt) SSedit SSedit 3.2 ssql Putty SSedit ua012345% ssql HTML /public html/ssql.ssql 4

3 3.1 SSedit ua012345% ssedit SuperSQL config.ssql log.txt( logs.txt) SSedit SSedit 3.2 ssql Putty SSedit ua012345% ssql HTML /public html/ssql.ssql 4 SuperSQL SuperSQL 2016 6 30 1 SuperSQL ITC 2 SuperSQL 2.1 public html/ssql 2.2 SSedit SSedit (3.1 ) postgresql (ua123456 ) 131.113.101.124 /public html/ssql SuperSQL HTML /public html/ssql http://user.keio.ac.jp/

More information

POV-Ray revision revision01 Copyright c Daikoku Manabu This tutorial

POV-Ray revision revision01 Copyright c Daikoku Manabu This tutorial POV-Ray revision01 POV-Ray revision01 2000 10 13 2001 8 9 2002 1 24 2004 3 19 2008 1 30 2013 12 4 2015 2 10 revision01 Copyright c 2000 2015 Daikoku Manabu This tutorial is licensed under a Creative Commons

More information

サンプル CSS web ページを開くと同時にピエロの玉乗りが動き出すアニメーションを作ってみましょう AnimeAuto の説明 HTML の記述 (AnimeAuto.html) ピエロの画像に pierrot という id を 玉の画像に ball という id を付けておきます <!DOCT

サンプル CSS web ページを開くと同時にピエロの玉乗りが動き出すアニメーションを作ってみましょう AnimeAuto の説明 HTML の記述 (AnimeAuto.html) ピエロの画像に pierrot という id を 玉の画像に ball という id を付けておきます <!DOCT 1320 Animation のトリガー ( 開始させるきっかけ ) の方法 animation を開始させるきっかけは 次の3つの方法があります 1web ページが表示されるのと同時に開始させる方法 2マウスでクリック (click) して開始させる方法 3マウスカーソルを乗せている (hover) 間だけ動かす方法アニメーションを動かすためにはアニメーション名 (animation-name プロパティの値

More information

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り 1250 アウトラインのトランジション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースとして使用されることが多い機能です outline はボックスに指定して border と同じようにトランジションさせることもできますが あまり使われることはないかもしれません outline には border と違って 角の半径を指定して丸くする機能はありません 入力フィールドをクリックすると変化します

More information

PowerPoint Presentation

PowerPoint Presentation HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam

More information

6 (1) app.html.eex 28 lib/nano_planner_web/templates/layout/app.html.eex 27 <footer> Oiax Inc <%= this_year() %> Oiax Inc. 29 </footer>

6 (1) app.html.eex 28 lib/nano_planner_web/templates/layout/app.html.eex 27 <footer> Oiax Inc <%= this_year() %> Oiax Inc. 29 </footer> 6 (1) of_today 6.1 Copyright 2017 lib/nano_planner_web/views layout_view.ex this_year/0 lib/nano_planner_web/views/layout_view.ex 1 defmodule NanoPlannerWeb.LayoutView do 2 use NanoPlannerWeb, view 3 +

More information

【お試し版】Web制作者のためのCSS設計の教科書(非売品)

【お試し版】Web制作者のためのCSS設計の教科書(非売品) UI Frontrend JS Girls html5j HTML5 CSS3 iphone Twitter : http://twitter.com/hiloki : http://inkdesign.jp GitHub : https://github.com/hiloki/ URL http://www.impressjapan.jp/books/1113101128 Web 10 IT UI

More information

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 JavaScript (2) 1 JavaScript 1.! 1. 2. 3. DOM 4. 2. 3. Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 (1) var a; a = 8; a = 3 + 4; a = 8 3; a = 8 * 2; a = 8 / 2; a = 8 % 3; 1 a++; ++a; (++

More information

lucene-gosen Solr1

lucene-gosen Solr1 ElasticSearch 2013/08/29 @johtani Twitter@johtani lucene-gosen Solr1 http://blog.johtani.info N-gram ElasticSearch ElasticSearch Full text search Wikipedia RDB RDB RDB Term/Token 1 2 1 2 1 2 1 2 1 2 1

More information

2016 IP 1 1 1 1.1............................................. 1 1.2.............................................. 1 1.3............................................. 1 1.4.............................................

More information

DiMP Users Manual Yuichi Tazaki

DiMP Users Manual Yuichi Tazaki DiMP Users Manual Yuichi Tazaki 3 1 5 2 7 2.1............................. 7 2.2........................... 7 3 DiMP 9 3.1............................... 9 3.2........................... 10 3.3...................................

More information

JavaScript の使い方

JavaScript の使い方 JavaScript Release10.5 JavaScript NXJ JavaScript JavaScript JavaScript 2 JavaScript JavaScript JavaScript NXJ JavaScript 1: JavaScript 2: JavaScript 3: JavaScript 4: 1 1: JavaScript JavaScript NXJ Static

More information

掲示用ヒート表 第34回 藤沢市長杯 2017

掲示用ヒート表 第34回 藤沢市長杯 2017 34 8 4 2 Round 1 Round 2 SEMI FINAL 30 16 8 H1 H5 H1 H1 Red 12401821 2 Red 12601360 2 1-1 Red 12501915 1 1-1 Red 12501915 4 White 12900051 4 White 12600138 3 3-1 White 12802412 2 3-1 White 12801091 1 Yellow

More information

インターネットマガジン2001年9月号―INTERNET magazine No.80

インターネットマガジン2001年9月号―INTERNET magazine No.80 +CD-ROM Å 5 M0.9. A N S W E R function calc () { t = ocument.getelementbyi("tboy"); for(i = 0; i < t.rows.length; i++) { win = Number(t.rows[i].cells[3].firstChil.noeValue); lost = Number(t.rows[i].cells[].firstChil.noeValue);

More information

CSSNiteLP51-s7-kubo.key

CSSNiteLP51-s7-kubo.key CSS Nite LP51 Reboot Dreamweaver Dreamweaver 10th .foo width: 980px margin: auto p margin: 1em 0 a color: #000 text-decoration: none .foo { width: 980px; margin: auto; p { margin: 1em 0; a { color:

More information

動させることはできません 少し工夫が必要になります 元の画像を移動すれば反射画像 も一緒についてきますが 反射画像だけが移動するように見せたいので 元の画像の上に は黒色のボックスを覆い被せます ReflectAnime1 の説明 HTML の記述 (ReflectAnime1.html) id 属

動させることはできません 少し工夫が必要になります 元の画像を移動すれば反射画像 も一緒についてきますが 反射画像だけが移動するように見せたいので 元の画像の上に は黒色のボックスを覆い被せます ReflectAnime1 の説明 HTML の記述 (ReflectAnime1.html) id 属 1333 Reflection の効果 -webkit-box-reflect プロパティをアニメーションに利用してみましょう Reflection は Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) のみで動かすことができます 2013 年 12 月現在 W3C で Reflection の仕様が Working Draft( 草案 ) となっています

More information

ORCA (Online Research Control system Architecture)

ORCA (Online Research Control system Architecture) ORCA (Online Research Control system Architecture) ORCA Editor Ver.1.2 1 9 10 ORCA EDITOR 10 10 10 Java 10 11 ORCA Editor Setup 11 ORCA Editor 12 15 15 ORCA EDITOR 16 16 16 16 17 17 ORCA EDITOR 18 ORCA

More information

transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は

transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は 1225-9 練習 9 Skew Wheel(skewX, skewy, skew) カラーホイールが斜めに回転するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると カラーホイールが 回転しながら斜めに傾いていきます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 カラーホイールの画像の傾き transform

More information

19 3!! (+) (>) (++) (+=) for while 3.1!! (20, 20) (1)(Blocks1.java) import javax.swing.japplet; import java.awt.graphics;

19 3!! (+) (>) (++) (+=) for while 3.1!! (20, 20) (1)(Blocks1.java) import javax.swing.japplet; import java.awt.graphics; 19 3!!...... (+) (>) (++) (+=) for while 3.1!! 3.1.1 50 20 20 5 (20, 20) 3.1.1 (1)(Blocks1.java) public class Blocks1 extends JApplet { public void paint(graphics g){ 5 g.drawrect( 20, 20, 50, 20); g.drawrect(

More information

養育費相支セ_NL04.indd

養育費相支セ_NL04.indd Family Problems Information Center 4 N E W S L E T T E R 2010.8 N E W S L E T T E R 2 0 1 0. 8 4 N E W S L E T T E R 2 0 1 0. 8 Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 4 4 Family Problems Information Center URL http://www1.odn.ne.jp/fpic/youikuhi/index.html

More information

MovingTextsAnime1 の説明 HTML の記述 (MovingTextsAnime1.html) id 属性 stage の div 要素 ( アニメーションが動くステージ ) を作り その中にボックスやテキストを記述します id 属性 div1 のdiv 要素から id 属性 div

MovingTextsAnime1 の説明 HTML の記述 (MovingTextsAnime1.html) id 属性 stage の div 要素 ( アニメーションが動くステージ ) を作り その中にボックスやテキストを記述します id 属性 div1 のdiv 要素から id 属性 div 1334 テキストのアニメーション animation プロパティを使ってテキストに係わるプロパティのアニメーションを作ってみ ましょう ( 注 )Safari(webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color

More information

J6 M.Shimura (1) 1 2 (2) (1824) ( (1842) 1 (1) 1.1 C.Reiter dwin require ad

J6 M.Shimura (1) 1 2 (2) (1824) ( (1842) 1 (1) 1.1 C.Reiter dwin require ad J6 M.Shimura JCD02773@nifty.ne.jp 2011 12 13 1 (1) 1 2 (2)- 12 3 14 4-20 5 24 6 33 60 (1824) ( 100 1760 1849 (1842) 1 (1) 1.1 C.Reiter dwin require addons/graphics/fvj3/dwin2.ijs 1 xy find_maxmin 4 5 calc_each_poly

More information

NFC ucode タグのメモリフォーマット規定

NFC ucode タグのメモリフォーマット規定 [White Paper] Ubiquitous ID Center Specification DRAFT 2011-02-08 NFC ucode タグのメモリフォーマット規定 Standard of memory format of NFC ucode tag Number: Title: NFC ucode タグのメモリフォーマット規定 Standard of memory format of

More information

modarn-japanese-font.key

modarn-japanese-font.key font-family: "", "Yu Gothic", sans-serif; font-family: "Yu Gothic", sans-serif; font-family: "Yu Gothic", YuGothic, sans-serif; @font-face { font-family: ; } font-weight: ; src: local();

More information

189 2015 1 80

189 2015 1 80 189 2015 1 A Design and Implementation of the Digital Annotation Basis on an Image Resource for a Touch Operation TSUDA Mitsuhiro 79 189 2015 1 80 81 189 2015 1 82 83 189 2015 1 84 85 189 2015 1 86 87

More information

_勉強会_丸山さつき_v3

_勉強会_丸山さつき_v3 CSS 2019/6/21 1 CSS CSS CSS!2 CSS Web!3 CSS HTML CSS CSS!4 CSS!5 !6 Id class id class CSS!7 !8 body 16px p 16px px, rem, em, %!9 !10 body 16px p 16px 1 CSS!11 !12 CSS CSS!13 CSS 4 CSS 1. OOCSS 2. SMACSS

More information

UID S307-NDEF

UID S307-NDEF [White Paper] Ubiquitous ID Center Specification DRAFT 2012-05-15 NFC ucode タグのメモリフォーマット規定 Standard of memory format of NFC ucode tag Number: Title: NFC ucode タグのメモリフォーマット規定 Standard of memory format of

More information

U400 U300 U300R MP3/WMA/WAV CD My-Kenwood My-Kenwood JVC KENWOOD Corporation B5A (JN)

U400 U300 U300R MP3/WMA/WAV CD My-Kenwood My-Kenwood JVC KENWOOD Corporation B5A (JN) U400 U300 U300R MP3/WMA/WAV CD My-Kenwood My-Kenwood https://jp.my-kenwood.com 2014 JVC KENWOOD Corporation B5A-0141-00 (JN) [ 2 3 [ 4 5 15 8 8 6 XX S T MODE ON 7 SRC SRC ATT SRC 8 1 1 FUNCTION 2 CLOCK

More information

untitled

untitled 2007 IT G Google Map API WEB2.0 2007 8 23 GoogleMapAPI GoogleMapAPI Google Web URL XHTML JavaScript GoogleMAP LHACA FFFTP TeraPad Haruhiro Unno Japan Electronics College 1 GoogleMapAPI Web Google GMail

More information

200708_LesHouches_02.ppt

200708_LesHouches_02.ppt Numerical Methods for Geodynamo Simulation Akira Kageyama Earth Simulator Center, JAMSTEC, Japan Part 2 Geodynamo Simulations in a Sphere or a Spherical Shell Outline 1. Various numerical methods used

More information

1221 Transitionの指定項目

1221 Transitionの指定項目 1310-5 Animation-direction プロパティ animation-direction animation-direction プロパティには アニメーションのサイクルの全部または一部分を 通常通り実行するか逆回転で実行するかを指定します 値 説 明 normal reverse alternate alternate-reverse アニメーションの全ての繰り返しが指定された通りに実行される

More information

SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web

More information

css.pdf

css.pdf 1 2 Web (2) HTML ( ) HTML CSS CSS = Cascading Stye Sheet (CSS) W3C (Word Wide Web Consortium, Web ) 2006-2018 Harumi Murakami and Kota Abe HTML&CSS 3 1990 Web HTML Web 1993 Web , , HTML HTML&CSS

More information

Condition DAQ condition condition 2 3 XML key value

Condition DAQ condition condition 2 3 XML key value Condition DAQ condition 2009 6 10 2009 7 2 2009 7 3 2010 8 3 1 2 2 condition 2 3 XML key value 3 4 4 4.1............................. 5 4.2...................... 5 5 6 6 Makefile 7 7 9 7.1 Condition.h.............................

More information

untitled

untitled Web HTMLXHTML CSS JavaScript CGI World Wide Web XHTML 240px 480px CSS ECMAScriptJavaScript+ BinaryTable ES TR-B13 /ES// CGI B24 1 4 (XHTML) 5 (XHTML) TR-B15 BS 2 TR-B15 CSBS 2 TR-B14 A 23 TR-B14 B TR-B14

More information

Color Change

Color Change 1227 Text の 2D トランジション (text-shadow, white-sp, letter-sp, word-sp) テキストを変化させるトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover または Click ボタンを クリックすると テキストのトランジションが動きます プロパティ text-shadow テキストの影を指定します

More information

2 PostScript PostScript (token) 437 == 437 == PostScript PostScript 437 == PostScript (operator) 437 == == ==

2 PostScript PostScript (token) 437 == 437 == PostScript PostScript 437 == PostScript (operator) 437 == == == PostScript version 1.03 2003 1 24 Copyright c 2000 2003 Daikoku Manabu 1 PostScript 1.1 PostScript PostScript PostScript (page description language) PostScript Adobe Systems Incorporated PostScript PostScript

More information

listings-ext

listings-ext (6) Python (2) ( ) ohsaki@kwansei.ac.jp 5 Python (2) 1 5.1 (statement)........................... 1 5.2 (scope)......................... 11 5.3 (subroutine).................... 14 5 Python (2) Python 5.1

More information

★結果★ 藤沢市長杯 掲示用ヒート表

★結果★ 藤沢市長杯 掲示用ヒート表 AA 35 Round 1 8 4 Round 2 28 16 SEMI FINAL H1 H5 H1 H1 Red 12802015 1 Red 12802109 1 1-1 Red 12802015 2 1-1 Red 12702346 White 12800232 2 White 12702406 3 3-1 White 12702346 1 3-1 White 12802109 Yellow

More information

transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動

transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動 1225-8 練習 8 Translate Balls(translateX, translatey, translate) transform プロパティの translate 関数を使用して 2 つのボールを斜めに転がすトランジシ ョンを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると 2 つのボールが斜 めに転がります 動きの仕組み このトランジションは

More information

スライド 1

スライド 1 第 8 講観光情報論 2009 年 6 月 16 日 Style Sheet (CSS) 宮国薫子 1 CSS とは (Cascading Style Sheets) 本来 ホームページにデザインを加える機能のすべて 教科書で言う スタイルシート とは CSS のことを指す CSS を使うと Page 106 にあるようにホームページの体裁が変わる 2 まず Region_page.h tml を開く

More information

事例に見るSCORMの・・・

事例に見るSCORMの・・・ SCORM 1.2 2005 8 2004, 2005 i 2004 6 1.0 2004 6 1.02 3.1.1 2005 1 1.1 2.1.4, 2.4.9, 2.5.2, 2.5.3, 3.1.3, 3.4.6, 3.5.2, 3.5.3. 2005 8 1.2 2.1.1 BOM 2.2.2, 2.4.10, 3.1.1 BOM 3.2.2, 3.4.7. ii 1. 1 2. 2 2.1

More information