ãƒãƒ¼ãƒ ラボ / teamLab
森ビル デジタルアート ミュージアム：エプソン ãƒãƒ¼ãƒ ラボボーダレス Feb 09, 2024 - 麻布å°ãƒ’ルズã€æ±äº¬ NOW OPEN
flabaka.com
Astroã§PandaCSSを使ã£ã¦ã¿ã‚‹Astroを触ã£ã¦ã¿ã‚ˆã†ã‹ãªï¼Ÿã€€ã¨æ€ã„ã€ã¾ãšã¯å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’一通り終ã‚らã›ã¦ã¿ã¾ã—ãŸã€‚以å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã„ãŸPandaCSSã®å‹‰å¼·ã‚‚…ã¨æ€ã£ãŸã®ã§ã€Astroã§PandaCSSを使ã£ã¦ã¿ã‚‹ã“ã¨ã«ã€‚PandaCSSã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚’見ãªãŒã‚‰å„種è¨å®šã‚’終ãˆã€npm run devã—ã¦ã¿ã¦ã‚‚ã€CSSãŒåæ˜ ã•ã‚Œãšã€‚åŽŸå› ã¯å˜ç´”ãªãƒŸã‚¹ã§ã—ãŸã€‚ Laravelã§jQueryを使ã£ã¦ã¿ã‚‹ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«ç™»éŒ²ã€æ›´æ–°ã€å‰Šé™¤ã‚’è¡Œãªã£ãŸéš›ã«ã€ç°¡å˜ãªflashメッセージを表示ã•ã›ã¦ã¿ã‚ˆã†ã‹ã¨ã€‚一定時間ãŒçµŒéŽ or ボタンクリックã§ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒæ¶ˆãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€jQueryã§å®Ÿè£…ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚npmを使ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸjQueryを使ã†ã¨ã€javascriptã®å®Ÿè¡Œé †ãŒæ„図ã—ãªã„ã‚‚ã®ã«ãªã£ã¦ã—ã¾ã„ã€jQueryãŒå®Ÿè¡Œã•ã‚Œãªããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚色
15分ã§ã§ãã‚‹! Progressionã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãƒ“デオ | ClockMaker Blog
Progression ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’オーサリングã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãƒ“デオを作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ [Progression4]15分ã§ä½œã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚µãƒ³ãƒ—ル from clockmaker on Vimeo. ※ビデオãŒå°ã•ã„ã¨æ€ã£ãŸã‚‰ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒœã‚¿ãƒ³ã‚’押ã—ã¦ã¿ã¦ãã ã•ã„ 作る際ã®å‰æº–å‚™ Flash Professional(CS3以上) を用æ„ã™ã‚‹ Progression をインストールã™ã‚‹ é©å½“ãªå†™çœŸã‚’用æ„ã™ã‚‹(400×300ã®å†™çœŸã‚’4枚用æ„) アクションパãƒãƒ«ã¯ä¸€åº¦ã‚‚é–‹ã„ã¦ã¾ã›ã‚“ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ Progression ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã§ä½œã‚Šã¾ã—ãŸ(æµã‚Œã‚’覚ãˆã‚‹ã«ã¯å…¬å¼ã‚µã‚¤ãƒˆã®ã‚¬ã‚¤ãƒ‰ãŒå‚考ã«ãªã‚Šã¾ã™)。ビデオを見れã°åˆ†ã‹ã‚‹é€šã‚Šã€ä¸€åº¦ã‚‚スクリプトã®ãƒ‘ãƒãƒ«ã‚’é–‹ã‹ãšã« Flash を作り上ã’ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚「Flash ã¯ã‚¹ã‚¯ãƒªãƒ—トã§ã¤ã¾ãšã„ãŸã€ã¨ã„
Progression å‘ã‘ã®æ‹¡å¼µãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã€ŒClockMaker Effects〠| ClockMaker Project
ClockMaker Effects ã¨ã¯ ClockMaker Effects 㯠Flash ã§ã‚¯ãƒ¼ãƒ«ãªãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’手軽ã«ä½œæˆã§ãã‚‹ Progressionâ„¢ 用ã®æ‹¡å¼µæ©Ÿèƒ½ã§ã™ã€‚エフェクト内部ã«3Dライブラリ「Papervision3Dã€ã‚’組ã¿è¾¼ã‚“ã§ãŠã‚Šã€ActionScript を書ã‹ãªãã¦ã‚‚ステージã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§è¨ç½®ã—è¨å®šã™ã‚‹ã ã‘ã§ç°¡å˜ã«3DエフェクトãŒä½¿ç”¨ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ サンプル ã”利用ã«ã‚ãŸã£ã¦ ã”使用ã®ãƒ–ラウザ環境ã§ã¯ã€æœ¬ã‚µã‚¤ãƒˆãŒæ£ã—ã表示ã§ããªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 以下ã®æ³¨æ„点を確èªã—ã€å¿…è¦ãªè¨å®šã‚’è¡Œã£ãŸä¸Šã§å†åº¦è¡¨ç¤ºã—ã¦ãã ã•ã„。 ブラウザ㮠JavaScript è¨å®šã‚’有効化ã—ã¦ãã ã•ã„。 最新㮠Adobe Flash Player をインストールã—ã¦ãã ã•ã„。 ClockMaker Effects を利用ã—㟠Progression 3 サンプ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
flabaka.com
{{#tags}}- {{label}}
{{/tags}}