スライド タイトルなし

Size: px
Start display at page:

Download "スライド タイトルなし"

Transcription

1 (5) - (2) SMIL katto@waseda.jp

2

3 8 khz , 44.1, 48 khz 16

4 kbit/s G.711 (PCM) G.726 (ADPCM) GSM (CELP) 8 ( ) VSELP PCM CD/DAT MPEG1 PSI-CELP G.728 (CELP) ( ) MPEG4 G (CELP) G.729 (CELP) AMR (CELP) CELP ( )

5 (1) ( ) ( ) LPC ( ) ( ) G ( ) LPC L.Rabiner et al: Fundamentals of Speech Recognition

6 (2) CELP CELP: Code Excitation Linear Prediction LPC + LPC

7 (3) LPC ( ) LPC: Linear Prediction Coding s( n) p = a k = 1 k s( n k) + G u( n) s(n): a k : LPC p: LPC k G: ( ) u(n): e( n) = 0 a k p k = 1 r ( i k) aˆ n k = r n ( i) r(k): a^ k : LPC (Durbin )

8 (4) d: d = x gac min x: ( ) A: LPC g: c: ( )... ( )

9 (5) (1) K- ( Lloyd ) ( ) c 1, c2, K, cm (M: ) r k 1, 2, k = ( K, L) (L: ) (NN) c i r k 2 min ( ) = c i r k C i r k

10 (6) (2) LBG ( ) c c + n n = = c c n n (1 + ε) (1 ε) (NN) k-

11 (1) FFT (QMF) MDCT

12 (2) ( )

13 (3) MP3 (MPEG-1 Layer III) QMF MDCT FFT cf. Layer I, II QMF FFT

14 (4) MPEG-2 AAC MDCT (for transient signals) MDCT (LPC) ( ) (for stationary signals) MDCT 2 MDCT

15 (5) Twin VQ MDCT LPC LPC MDCT

16 PCM ( ) PCM (+ ) ( ) ( )

17 SMIL

18 ( ) 3D AV CG CG ( )

19 SMIL * XML... HTML SMIL Synchronized Multimedia Integration Language <smil> <head> <layout> </layout> </head> <body> <par> </par> </body> </smil>

20 SMIL root a b <root-layout width= 500 height= 400 /> <region id= a top= 50 left= 50 width= 100 height= 80 /> <region id= b top= 200 left= 50 width= 400 height= 200 />

21 SMIL <par> <video region= b src= rtsp:// /> <seq> <img region= a src= dur= 10s /> <img region= a src= dur= 10s /> <img region= a src= dur= 10s /> </seq> </par> <par> 1, 2, </par> <seq> 1, 2, </seq> <video>, <audio>, <img>,...

22

23 VRML VRML Virtual Reality Modeling Language CG VRML Hello Transform { Transform { translation Shape { geometry Box } } Transform { translation Shape { geometry Cylinder } } }...

24 VRML VRML 2.0 VRML 2.0 : Anchor Collision CylinderSensor PlaneSensor ProximitySensor SphereSensor TimeSensor TouchSensor VisibilitySensor : Coordinate Color Normal TextureCoordinate : Billboard Group Inline LOD Switch Transform AudioClip Background Fog FontStyle NavigationInfo Script Sound WorldInfo : Appearance Material ImageTexture PixelTexture MovieTexture TextureTransform : Shape Box Cone Cylinder ElevationGrid Extrusion IndexedFaceSet IndexedLineSet PointSet Sphere Text : ColorInterpolator CoordinateInterpolator NormalInterpolator OrientationInterpolator PositionInterpolator ScalarInterpolator : DirectionalLight PointLight SpotLight Viewpoint

25 MPEG4/SNHC MPEG-4 4 Systems/SNHC AV CG

26 (1) (MPEG4 BIFS) MPEG4/SNHC Binary Format for Scene VRML (VRML) CG Hello AV

27 MPEG4/SNHC (2) FAP (Facial Animation Parameter) FAP ( ) FAP FDP (Facial Definition Parameter) FAP ( )

28 MPEG4/SNHC (3) BAP (Body Animation Parameter) BAP ( ) BAP BDP (Body Definition Parameter) BAP ( )

29 MPEG4/SNHC (4) + + G.Taubin: Geometric Compression Through Topological Surgery, ACM Trans on Graphics.

30 MPEG4/SNHC (connectivity) 2. (geometry) 3. (property)

31 MPEG4/SNHC [1] 2 (A) (C) A C E (E) ( ) ( ) (F) B D F ( ) ( ) G.Taubin: Geometric Compression Through Topological Surgery, ACM Trans on Graphics.

32 MPEG4/SNHC [2] ( ) (1) (3) (2) G.Taubin: Geometric Compression Through Topological Surgery, ACM Trans on Graphics.

33 MPEG4/SNHC (1) (2)

34 MPEG4/SNHC (5) SAOL (Structured Audio Orchestra Language):... SASL (Structured Audio Score Language):... MIDI SABSF (SA Bank Sample Format):... PCM

35

36 SMIL SMIL SMIL ( ) GRiNS Editor for SMIL (Oratrix: trial) SMIL Composer (Sausage Software: free) Fluituion (Confluent Technologies: trial) SMIL Editor (NTT DoCoMo : trial)

37 MPEG-4/VRML: Broadcast Studio (MPEG-4 BIFS) : Metastream ( + CG ) XVL ( ) SpaceStream (VRML + AV/CG )

スライド タイトルなし

スライド タイトルなし (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 グラフィクス 2004.05.14 情報ネットワーク専攻甲藤二郎 E-Mail: katto@waseda.jp 音声 オーディオ圧縮の 原理 ディジタルオーディオ キャプチャ & 圧縮 典型的なサンプリングレート マイク サウンドキャプチャ 音声 : 8 khz 8 ビット オーディオ : 22.5, 44.1,

More information

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

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

2 VRML VRML.wrl VRML VRML VRML VRML Cosmo Software   Cosmo Player VRML 1.4 VRML (header) (statement) VRML V2.0 VRML utf8 VRML VRML version 1.00 2003 5 3 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)

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

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

XHTML+SMIL

XHTML+SMIL SMIL Web (SMIL2.0XHTML+SMIL) 3XML XML WG NTT SOFT SMIL 1997 1998 1999 2000 2001 2002 1997.7 1999.2 SMIL SYMM WG 2001.1 SYMM WG SYMM IG 1998.6 SMIL1.0 1999.8 SMIL Boston WD 2000.2 SMIL Boston WD 2000.6

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

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

1つ目は MASK という文字の下に楕円形のマスクイメージで その文字と楕円形の中に複数画像のスライドを表示するので id 属性 slide の div 要素の中に画像を5つ (images/dsc00203l.jpg images/dsc00027l.jpg images/dsc00092l.jp

1つ目は MASK という文字の下に楕円形のマスクイメージで その文字と楕円形の中に複数画像のスライドを表示するので id 属性 slide の div 要素の中に画像を5つ (images/dsc00203l.jpg images/dsc00027l.jpg images/dsc00092l.jp 1332 Masking の効果 -webkit-mask-box-image プロパティをアニメーションに利用してみましょう Masking は Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) のみで動かすことができます 2013 年 12 月現在 W3C で Masking の仕様が Working Draft となっています 近い将来 webkit

More information

インターネットで個人放送局を開くには (1)

インターネットで個人放送局を開くには (1) (2) How to open personal broadcasting system on the Internet (2) by Jiro Katto (Department of Electronics, Information and (D-HTML MHEG MPEG-4 ) W3C (World Wide Web Consortium) SMIL (Synchronized Multimedia

More information

情報工学実験Ⅲ

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

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

Web

Web Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................

More information

画像全体を左右反転させると 下の画像 ( 黄緑色の外枠に白い桜 ) は backface-visibility: visible; と指定してあるので裏側が表示されます 上の画像 ( 水色の外枠に紅葉 ) は backface-visibility: hidden; と指定してあるので裏側が表示され

画像全体を左右反転させると 下の画像 ( 黄緑色の外枠に白い桜 ) は backface-visibility: visible; と指定してあるので裏側が表示されます 上の画像 ( 水色の外枠に紅葉 ) は backface-visibility: hidden; と指定してあるので裏側が表示され 1342-6 応用 1 Backface Image 画像の表と裏を回転させるアニメーション 1 サンプル CSS1 外側と内側が逆回転します 裏側も見えますよ! 仕組みの説明 下の画像 ( 黄緑色の外枠に白い桜 ) と上の画像 ( 水色の外枠に紅葉 ) を 左上端を合わせて同じ位置に重ねてあります 1 画像全体を左右反転させると 下の画像 ( 黄緑色の外枠に白い桜 ) は backface-visibility:

More information

20 15 14.6 15.3 14.9 15.7 16.0 15.7 13.4 14.5 13.7 14.2 10 10 13 16 19 22 1 70,000 60,000 50,000 40,000 30,000 20,000 10,000 0 2,500 59,862 56,384 2,000 42,662 44,211 40,639 37,323 1,500 33,408 34,472

More information

I? 3 1 3 1.1?................................. 3 1.2?............................... 3 1.3!................................... 3 2 4 2.1........................................ 4 2.2.......................................

More information

- 2 -

- 2 - - 2 - - 3 - (1) (2) (3) (1) - 4 - ~ - 5 - (2) - 6 - (1) (1) - 7 - - 8 - (i) (ii) (iii) (ii) (iii) (ii) 10 - 9 - (3) - 10 - (3) - 11 - - 12 - (1) - 13 - - 14 - (2) - 15 - - 16 - (3) - 17 - - 18 - (4) -

More information

2 1980 8 4 4 4 4 4 3 4 2 4 4 2 4 6 0 0 6 4 2 4 1 2 2 1 4 4 4 2 3 3 3 4 3 4 4 4 4 2 5 5 2 4 4 4 0 3 3 0 9 10 10 9 1 1

2 1980 8 4 4 4 4 4 3 4 2 4 4 2 4 6 0 0 6 4 2 4 1 2 2 1 4 4 4 2 3 3 3 4 3 4 4 4 4 2 5 5 2 4 4 4 0 3 3 0 9 10 10 9 1 1 1 1979 6 24 3 4 4 4 4 3 4 4 2 3 4 4 6 0 0 6 2 4 4 4 3 0 0 3 3 3 4 3 2 4 3? 4 3 4 3 4 4 4 4 3 3 4 4 4 4 2 1 1 2 15 4 4 15 0 1 2 1980 8 4 4 4 4 4 3 4 2 4 4 2 4 6 0 0 6 4 2 4 1 2 2 1 4 4 4 2 3 3 3 4 3 4 4

More information

1 (1) (2)

1 (1) (2) 1 2 (1) (2) (3) 3-78 - 1 (1) (2) - 79 - i) ii) iii) (3) (4) (5) (6) - 80 - (7) (8) (9) (10) 2 (1) (2) (3) (4) i) - 81 - ii) (a) (b) 3 (1) (2) - 82 - - 83 - - 84 - - 85 - - 86 - (1) (2) (3) (4) (5) (6)

More information

MDR-DS6000

MDR-DS6000 2-649-139-03(1) MDR-DS6000... 2... 7... 8... 9... 9... 10... 11... 12... 12... 13... 15.. 15.. 16... 16... 17... 19.. 24... 25... 26... 29... 30... 30 2005 Sony Corporation 2 1 2 AC 3 b v 11AC AC AC AC

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

第20期Q3説明会プレゼン(2)事業

第20期Q3説明会プレゼン(2)事業 ACCESS 2004 1 3 ACCESS 2003 12 19 1 FOMA 1 3Q 3G ACCESS 10,883 267 2003 10 2 3 4 ACCESS UP Java SSL JPEG Color Ringer tone C-HTML GIF i-mode @Mail (KDDI) IrDA 3D Polygon Global i-mode ECMAscript, DOM SMIL,

More information

スライド タイトルなし

スライド タイトルなし (1) - E-Mail: katto@waseda.jp Y U V R G B (1/30 ) RGB / YUV = B G R V U Y 0.31 0.52 0.21 0.32 0.28 0.60 0.11 0.59 0.30 RGB YUV CCIR 601 4:4:4 4:2:2 4:2:0 Y Y Y U V U V U V YUVUV UV 4:2:0 4:2:2 (RGB8 )

More information

<!DOCTYPE html> <html> <head> <title>spaceorbitanime</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="spaceorbitanime.css">

<!DOCTYPE html> <html> <head> <title>spaceorbitanime</title> <meta charset=utf-8> <link rel=stylesheet type=text/css href=spaceorbitanime.css> 1346-5 応用 2 Space Trip 宇宙船が地球を周回するアニメーションと宇宙旅行へ出発するアニメーションを作ってみ ましょう 宇宙船が地球を周回するアニメーション サンプル CSS1 スペースシャトルは円軌道で USS エンタープライズ号は楕円軌道で地球を周回します SpaceOrbitAnime の説明 HTML の記述 (SpaceOrbitAnime.html) id 属性 stage

More information

<!DOCTYPE html> <html> <head> <title>clipanime1</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="clipanime1.css"> </head> <

<!DOCTYPE html> <html> <head> <title>clipanime1</title> <meta charset=utf-8> <link rel=stylesheet type=text/css href=clipanime1.css> </head> < 1331 Clipping の効果 clip プロパティをアニメーションに利用してみましょう 1 つの画像を 4 分割して別々に動かす サンプル CSS1 1 つの画像を 4 分割して それぞれの画像が違う動きをするアニメーションを作ります 4 分割した左上の画像は透明に近づけます 右上の画像は 3D 変形しながら移動します 左下の画像は回転しながら移動します 右下の画像は拡大しながら移動します ClipAnime1

More information

画像 images/ SpaceShuttle.png を指定します <!DOCTYPE html> <html> <head> <title>circleanime1</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/

画像 images/ SpaceShuttle.png を指定します <!DOCTYPE html> <html> <head> <title>circleanime1</title> <meta charset=utf-8> <link rel=stylesheet type=text/ 1324 画像を動かす ( 円 楕円 渦巻き運動 ) 画像を円運動 楕円運動 渦巻き運動をさせる方法です 3つの方法があります 1transform-origin プロパティで半径を作る 2 親要素ボックスの transform-origin を移動して回転させ 画像を子要素に指定する 3 大きさのない親要素ボックスを回転させ 画像を子要素に指定する 3の方法は 円運動の回転の中心点が分かり易いので

More information

Color Change

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

More information

( )

( ) 2016 13H018 1 1 2 2 3 4 3.1............................................... 4 3.2 ( ).................................... 5 4 6 4.1........................................ 6 4.2..................... 6 5

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

leaf2-h leaf2-v leaf2 images/leaf2.png leaf3-h leaf3-v leaf3 images/leaf3.png leaf4-h leaf4-v leaf4 images/leaf4.png leaf5-h leaf5-v leaf5 images/leaf

leaf2-h leaf2-v leaf2 images/leaf2.png leaf3-h leaf3-v leaf3 images/leaf3.png leaf4-h leaf4-v leaf4 images/leaf4.png leaf5-h leaf5-v leaf5 images/leaf 1346-6 応用 2 Falling Leaves 落ち葉が舞い散る様子をアニメーションにしてみましょう できるだけリアルに再現して みます さらに秋のイメージアニメーションを作ってみましょう 落ち葉が舞い散るアニメーション サンプル CSS1 紅葉 ( もみじ ) 銀杏 ( いちょう ) 栗の葉がひらひら舞いながら落ちてきます FallingLeavesAnime の説明 HTML の記述 (FallingLeavesAnime.html)

More information

untitled

untitled MCPC-TR-011 Bluetooth AV Profile Multi Codec Version 1.0 Japanese 2009 3 25 Version 2009325 1.00 Base version initial release. i : 105-0011 3-5-12 (MCPC) 03-5401-1935 03-5401-1937 office@mcpc-jp.org WEB

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

1221 Transitionの指定項目

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

More information

proc.dvi

proc.dvi M. D. Wheler Cyra Technologies, Inc. 3 3 CAD albedo Mapping textures on 3D geometric model using reflectance image Ryo Kurazume M. D. Wheler Katsushi Ikeuchi The University oftokyo Cyra Technologies, Inc.

More information

EVS 1 [17 19] EVS 2. EVS 2.1 EVS 13 1 Qualification Selection Characterization 3 [20] 12 EVS 2.2 EVS 1 20 ms 32 ms 2 8kHz NB: Narrow-ba

EVS 1 [17 19] EVS 2. EVS 2.1 EVS 13 1 Qualification Selection Characterization 3 [20] 12 EVS 2.2 EVS 1 20 ms 32 ms 2 8kHz NB: Narrow-ba 74 2 2018 pp. 83 92 83 VoLTE 3GPP EVS * NTT NTT 43.72.Gy, 43.60.Ek 1. ITU- T International Telecommunication Union Telecommunication standardizaion sector G.711 PCM Pulse Code Modulation A-law/µ-law [1]

More information

Vol. 42 No. 5 Web3D 1171 Web3D CAD/CG Web3D 3D Gregory 8) CAD/CAM Rounding Operations 10) 12) 1 1 Web3D VRML 13) VRML XML extensible Markup Language 1

Vol. 42 No. 5 Web3D 1171 Web3D CAD/CG Web3D 3D Gregory 8) CAD/CAM Rounding Operations 10) 12) 1 1 Web3D VRML 13) VRML XML extensible Markup Language 1 Vol. 42 No. 5 May 2001 Web3D VRML Web3D 3D VRML A Compact and Qualified Web3D Representation Based on Lattice Structure Akira Wakita, Makoto Yajima, Tsuyoshi Harada, Hiroshi Toriya and Hiroaki Chiyokura

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

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

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

橡第19期Q1説明会プレゼン(2)事業(WebUp用

橡第19期Q1説明会プレゼン(2)事業(WebUp用 ACCESS ACCESS 15 1 ACCESS 2002 6 20 1 L-mode PDA 2 3 350 Car Navi Digital Camera 7000 300 250 200 150 100 50 DreamCast i-mode Digital TV L-mode ez@mail PDA 1998 1999 2000 2001 2002 5000 6000 4000 3000

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

ように記述をします 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

NW-E023F / E025F / E026F

NW-E023F / E025F / E026F OS IBM PC/AT Windows XP Home Edition Service Pack 2 /Windows XP Professional Service Pack 2 / Windows XP Media Center Edition 2004 Service Pack 2 /Windows XP Media Center Edition 2005 Service Pack 2 /Windows

More information

untitled

untitled 189 190 190 191 MP3/WMA 192 MP3 192 WMA 192 MP3/WMA 192 192 MP3/WMA 193 193 194 Gracenote 195 196 ON/OFF 196 196 197 197 197 198 198 199 201 201 201 204 205 FM 206 207 207 CDMP3/WMA208 CD 208 CD 208 210

More information

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2. 1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................

More information

D-NE730

D-NE730 2-653-427-04 (1) D-NE730 ATRAC CD Walkman Portable CD player 2005 Sony Corporation 4~7 1AC AC AC 2 ...2...6... 6 ATRAC CD...8... 9...11...12...14... 15... 16 AC... 17...18... 19 HOLD... 20...20 List View...

More information

<!DOCTYPE html> <html> <head> <title>titleanime01</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="titleanime01.css"> </hea

<!DOCTYPE html> <html> <head> <title>titleanime01</title> <meta charset=utf-8> <link rel=stylesheet type=text/css href=titleanime01.css> </hea 1335 見出し ( タイトル ) のアニメーション 見出しのアニメーションを作ってみましょう ( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くことができますが

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

cm H.11.3 P.13 2 3-106-

cm H.11.3 P.13 2 3-106- H11.3 H.11.3 P.4-105- cm H.11.3 P.13 2 3-106- 2 H.11.3 P.47 H.11.3 P.27 i vl1 vl2-107- 3 h vl l1 l2 1 2 0 ii H.11.3 P.49 2 iii i 2 vl1 vl2-108- H.11.3 P.50 ii 2 H.11.3 P.52 cm -109- H.11.3 P.44 S S H.11.3

More information

大メニューをマウスカーソルで hover すると 半透明の小メニューが上から伸びてきます 小メニューを hover すると メニューの背景色とテキストの色が変わります NaviMenuAnime01 の説明 HTML の記述 (NaviMenuAnime01.html) id 属性 menu-box

大メニューをマウスカーソルで hover すると 半透明の小メニューが上から伸びてきます 小メニューを hover すると メニューの背景色とテキストの色が変わります NaviMenuAnime01 の説明 HTML の記述 (NaviMenuAnime01.html) id 属性 menu-box 1337-1 メニューのアニメーション (1) animation プロパティを利用して メニューの中でアニメーションを動かしてみましょう メニューを工夫することでひときわ光る web ページにすることができます もう Flash でアニメーションを作る必要はありません JavaScript でスクリプトを書く必要もありません サンプル CSS1 メニューバーの中を動くアニメーション メニューバーの中に太陽系宇宙を入れてみました

More information

MorphAndTextAnime の説明 HTML の記述 (MorphAndTextAnime.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中につぎの記述をします id 属性 div2

MorphAndTextAnime の説明 HTML の記述 (MorphAndTextAnime.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中につぎの記述をします id 属性 div2 1343 アニメーションを連続させる 複数のアニメーションを連続して適用するためには つぎの 2 つの方法があります 1. 複数の連続したアニメーション全体を繰り返さずに 1 回だけ動かしたい場合は 待ち 時間を利用して複数のアニメーションを指定します アニメーション A 0% 100% アニメーション B( 待ち ) アニメーション C( 待ち ) アニメーションB 0% 100% アニメーションC

More information

2004 3

2004 3 JAIST Reposi https://dspace.j Title 様々なデータを扱えるストリーミング技術を用いて機 器間の通信 制御を行う研究 Author(s) 明壁, 祐基 Citation Issue Date 2004-03 Type Thesis or Dissertation Text version author URL http://hdl.handle.net/10119/1806

More information

untitled

untitled ( ) 200133 3 3 3 3, 7 347 57 10 i ii iii -1- -2- -3- -4- 90011001700mm -5- 4.2 1991 73.5 44.4 7.4 10.5 10.5 7.4 W 3 H 2.25 H 2.25 7.4 51.8 140.6 88.8 268.8m 5,037.9m 2 2mm 16cm916cm 10.5 W 3 H 2.25 62.8

More information

RHT-G15

RHT-G15 4-170-058-03(1) RHT-G15 2010 Sony Corporation m 4 8 9 1 1, 1 2 3 2 ... 2... 4... 9... 10... 11... 13... 15... 16... 17... 17... 31... 36... 38... 39... 42... 18... 21... 21... 23... 25... 25... 27... 27...

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

NW-E042/E043/E044

NW-E042/E043/E044 OS IBM PC/AT Windows XP Home Edition Service Pack 2 /Windows XP Professional Service Pack 2 / Windows Vista Home Basic/Windows Vista Home Premium/Windows Vista Business/Windows Vista Ultimate OS Windows

More information

0720

0720 DRM SNS WP WP UG Width of the Flash tag cloud Height of the Flash tag cloud Color of the tags 000000 Background color FFFFFF Use compatibility mode? WEB - HTML Color Names http://www.joomler.net/download/131-wordpress/890-wordpress-wp-cumulus-49kb.html

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

Adobe Media Encoder ユーザーガイド

Adobe Media Encoder ユーザーガイド ADOBE MEDIA ENCODER CS5 & CS5.5 http://help.adobe.com/ja_jp/legalnotices/index.html iii 1............................................................................. 1.............................................................................................................

More information

HT-CT150

HT-CT150 4-174-097-03(1) HT-CT150 2010 Sony Corporation m 3 5 6 1 1, 1 2 3 2 ,,, 100V 3 4, AV 5,,,,, * 1 II MPEG-2 AAC LC DTS* 2 * 1 Dolby Pro LogicAAC D * 2 5,451,942; 5,956,674; 5,974,380; 5,978,762; 6,487,535

More information

untitled

untitled 487 488 488 491 492 494 498 498 498 R 499 R 499 500 501 505 505 HDD 506 509 Gracenote 510 512 513 MP3/WMA 513 DVD 514 517 519 519 520 521 521 523 524 525 VICS 526 530 530 535 542 544 547 ETC 549 HDD 550

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

日本目録規則1987年版改訂2版第2章図書改定案

日本目録規則1987年版改訂2版第2章図書改定案 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.2.1 2.2.2 2.2.3 2.2.4 2.4.1 2.4.2 2.4.3 2.4.4 2.5.1 2.5.2 2.5.3 2.5.4 2.6.1 2.6.2 2.6.3 2.6.4 2.6.5 ISSN 2.6.6 2.6.7 2.7.1 2.7.2 2.7.3

More information

234 50cm

234 50cm 234 50cm () 1 10 2 3 4 1 5 6 2 2 1 7 ( ー ) っ ー っ 8 1 2 10 10 2m 4m 6m 15m 457-2472 585-1154 9 10 2 60 2 100 RC SRC 30 80 500 1 500 500 ) 10 B b A 2 A B 2m 457-2473 585-1154 11 20m a 2m 3 3 1m 75cm 120cm

More information

MDR-DS7500

MDR-DS7500 ... 2 4-295-914-02(1) MDR-DS7500 2011 Sony Corporation... 8...8...9... 10...11... 12 HDMI...13 1.CTRL HDMI... 13 2.... 14 HDMI... 20 HDMI...21... 23...25...26 HDMI... 31... 32 DECODE MODE... 32...33 EFFECT...

More information

untitled

untitled 1 (1) (2) (3) (4) (1) (2) (3) (1) (2) (3) (1) (2) (3) (4) (5) (1) (2) (3) (1) (2) 10 11 12 2 2520159 3 (1) (2) (3) (4) (5) (6) 103 59529 600 12 42 4 42 68 53 53 C 30 30 5 56 6 (3) (1) 7 () () (()) () ()

More information

MDR-DS7000

MDR-DS7000 3-279-564-03(1) MDR-DS7000... 2... 7... 8... 9... 9... 10... 11... 12... 12... 13.. 14... 14... 16... 17... 17... 18.. 24... 25... 26... 27... 30... 31... 32 2007 Sony Corporation 2 1 2 AC 3 b v 1AC AC

More information

目次

目次 2-1 5 2-2 7 2-3 8 2-4 10 2-5 11 2-6 12 2-7 12 2-8 PowerPoint 13 2-9 PowerPoint 2-10 TEXT 18 2-11 HTML 18 2-12 word HTML 19 3 3-1 PowerPoint 23 3-2 PowerPoint 25 4-1 LMS HOME BOX 4 PowerPoint PPTPowerPoint

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

1

1 PalmGauss SC PGSC-5G Instruction Manual PalmGauss SC PGSC-5G Version 1.01 PalmGauss SC PGSC5G 1.... 3 2.... 3 3.... 3 3.1... 3 3.2... 3 3.3 PalmGauss... 4 3.4... 4 3.4.1 (Fig. 4)... 4 3.4.2 (Fig. 5)...

More information

Exif Viewer, DPOF Editor 使用説明書

Exif Viewer, DPOF Editor 使用説明書 Exif Viewer DP Editor 2 3 I 4 II III 5 I 6 I 7 I 8 I 9 I 10 I 11 I 12 I 13 I 14 I 15 I 16 I 17 I 18 I 19 I 20 I 21 I 22 I 23 I 24 25 I 26 I 27 I 28 I 29 I Windows 30 I 31 I 32 I 33 I 34 35 II II 36 II

More information

RHT-G900

RHT-G900 3-291-730-04(1) RHT-G900 2008 Sony Corporation m 4 8 9 1 1, 1 2 3 2 ... 2... 4... 9... 10... 11... 12 HDMI... 14 HDMI... 16... 17... 18... 33... 38... 40... 41... 43... 45... 19... 22... 22... 24... 26...

More information

N N 1,, N 2 N N N N N 1,, N 2 N N N N N 1,, N 2 N N N 8 1 6 3 5 7 4 9 2 1 12 13 8 15 6 3 10 4 9 16 5 14 7 2 11 7 11 23 5 19 3 20 9 12 21 14 22 1 18 10 16 8 15 24 2 25 4 17 6 13 8 1 6 3 5 7 4 9 2 1 12 13

More information

( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ

( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ 1330-2 Radial Gradation のアニメーション (2) 背景 (background) を円形グラデーション (Radial Gradation) のアニメーションにして みましょう radial-gradient と repeating-radial-gradient の仕様は 別本 Transition を使いこな す編 の 1238-1 円形グラデーション Radial Gradation

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

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

08+11Extra

08+11Extra A - - #8 bit, Byte, Yutaka Yasuda bit : データの最小単位 1bit = 最小状態の単位 = 二進一桁 コンピュータ内部は電気配線 配線に電気が通っている いな い だけで処理 状態は2種 二値 二進 動作にうまく対応 二進一桁を配線一本で実現 0と1 二進数 で動作 の実体 1bit = 二進一桁 = 配線一本 Byte : Byte bit 8 1 Byte

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

untitled

untitled COMAND * * G! i COMAND COMAND COMAND i http://www.mercedes-benz.co.jp/ 3 4 14 15 31 45 / 153 229 / DVD 277 325 4 199 201 201 200 201 180 185 Bluetooth 197 PC 197 E 198 196 193 187 188 186 186 194 187 191

More information

(1) BLUETOOTH HT-CT660

(1) BLUETOOTH HT-CT660 4-452-002-04(1) BLUETOOTH HT-CT660 3 5 6 8 1 1 2 100V 3 4 AV SA-CT660 22 cm 5 2.4 GHz 1. 2. 3. 6 2.4 GHz 10 m 2.4 GHz FH-SS 10 m AAC D *2 5,956,674 5,974,380 6,226,616 6,487,535 7,212,872 7,333,929 7,392,195

More information

1 1.1 PC PC PC PC PC workstation PC hardsoft PC PC CPU 1 Gustavb, Wikimedia Commons.

1 1.1 PC PC PC PC PC workstation PC hardsoft PC PC CPU 1 Gustavb, Wikimedia Commons. 1 PC PC 1 PC PC 1 PC PC PC PC 1 1 1 1.1 PC PC PC PC PC workstation PC 1.1.1 hardsoft 1.1.2 PC PC 1.1 1 1. 2. 3. CPU 1 Gustavb, Wikimedia Commons.http://en.wikipedia.org/wiki/Image:Personal_computer,_exploded_5.svg

More information

背景の線形グラデーションをアニメーションのように見せる方法は 前章の #div4 ボックスと同じ方法です ( 注 )Safari (webkit 系ブラウザ ) と Chrome(Webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit

背景の線形グラデーションをアニメーションのように見せる方法は 前章の #div4 ボックスと同じ方法です ( 注 )Safari (webkit 系ブラウザ ) と Chrome(Webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit 1329-2 Linear Gradation のアニメーション (2) 背景 (background) を線形グラデーション (Linear Gradation) のアニメーションにして みましょう W3C 仕様では background-image プロパティは transition プロパティでのトランジションや animation プロパティでのアニメーションができないようになっています linear-gradient(

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

manual.dvi

manual.dvi oscommerce 2002 9 6 oscommerce oscommerce 2.2 1 1 1.1................................................. 1 1.1.1......................................... 1 1.2.................................................

More information

44 4 I (1) ( ) (10 15 ) ( 17 ) ( 3 1 ) (2)

44 4 I (1) ( ) (10 15 ) ( 17 ) ( 3 1 ) (2) (1) I 44 II 45 III 47 IV 52 44 4 I (1) ( ) 1945 8 9 (10 15 ) ( 17 ) ( 3 1 ) (2) 45 II 1 (3) 511 ( 451 1 ) ( ) 365 1 2 512 1 2 365 1 2 363 2 ( ) 3 ( ) ( 451 2 ( 314 1 ) ( 339 1 4 ) 337 2 3 ) 363 (4) 46

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

iZotope RXユーザーガイド

iZotope RXユーザーガイド 2 izotope RX Table of Contents................................. 4 izotope RX. 4 izotope RX Advanced. 5. 5 izotope RX................. 6. 6 /. 7. 7. 7. 7. 8. 8. 8. 9. 9. 10. 11. 11. 11. 11. 12. 13 izotope

More information