ãŸã£ãŸ256æ–‡å—ã®JavaScriptコードã§æã‹ã‚ŒãŸè¡—ã®é¢¨æ™¯ã‚¢ãƒ‹ãƒ¡ãŒã‚¹ã‚´éŽãŽã¦è¨³ãŒã‚ã‹ã‚‰ãªã„ï¼è§£èª¬ãƒšãƒ¼ã‚¸ã‚’見ã¦ã‚‚ã‚ã‹ã‚‰ãªã„orzã€ã‚„ã˜ã†ã¾ã®æœã€‘
超簡å˜ã«3DCGã§ãã‚‹JavaScriptライブラリ作ã£ãŸ - aike’s blog
ブラウザã§WebGLãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦3DCGプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ãšã„ã¶ã‚“身近ãªã‚‚ã®ã«ãªã‚Šã¾ã—ãŸã€‚ã¨æ›¸ã„ã¦ã‚‹ãã°ã‹ã‚‰é•å’Œæ„Ÿã‚’æ„Ÿã˜ã‚‹ãらã„生ã®WebGLã‚’JavaScriptã§æ›¸ãã®ã¯æ•·å±…ãŒé«˜ã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ã§ããªãã¯ãªã„ã‘ã©å‰æã¨ãªã‚‹çŸ¥è˜ãŒã‹ãªã‚Šå¿…è¦ãªæ„Ÿã˜ã€‚ three.jsãŒç™»å ´ã—ãŸã¨ãã¯ã€ã“ã‚Œã§æ™®é€šã«3DCGãŒã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ä¸€æ°—ã«ã²ã‚ã¾ã‚Šã¾ã—ãŸã€‚ã¨ã¯ã„ãˆã€ãã‚Œã§ã‚‚ã¾ã ã‚„ã‚‹ã“ã¨ã¯å¤šãã€ç”»é¢ã«å››è§’ã„箱を表示ã™ã‚‹å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒ を書ãã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãƒ»ã‚·ãƒ¼ãƒ³ã‚’ä½œæˆ ãƒ»ãƒ©ã‚¤ãƒˆã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ・カメラを作æˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ・マテリアルを作æˆã€è‰²ã‚’指定 ・BoxGeometryを作æˆã€ã‚µã‚¤ã‚ºã‚’指定 ・メッシュを作æˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ¼ã‚’ä½œæˆ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ«ãƒ¼ãƒ—å‡¦ç† ã“れらã®ã²ã¨ã¤ã§ã‚‚é–“é•ãˆãŸã‚Šãƒ‘ラメーターãŒé©åˆ‡ã§ãª
tQuery API - extensions for three.js
tQuery API : three.js + jQuery Three.js Power + jQuery API Usability tQuery API is a thin library on top of three.js It is an extension system for people to write plugins. To help them share their code and build on top of each other. It mimics jquery api, well know for its usuability. tQuery API aims for "it should not be harder than playing with lego bricks." Download Boilerplate Try it Online Po
JavaScript 3Dレンダリングエンジンã®Three.jsを試ã™
ã“ã‚“ã«ã¡ã¯ã€‚ KRAYアルãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ 今回ã¯ã€æœ€è¿‘ã¡ã¾ãŸã§å™‚ã®Three.jsã§éŠã‚“ã§ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ http://github.com/mrdoob/three.js webgl対応ã®ãƒ–ラウザã§è¦‹ã¦ã„ã‚‹æ–¹ã¯ã€å³ä¸Šã«3Dã®ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsを使ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã‚’ç°¡å˜ã«Javascriptã§å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ åŠä¿¡åŠç–‘ã§ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€ãŸã—ã‹ã«Three.jsã§ã¯ã€3D特有ã®è¡Œåˆ—計算や数å¦çš„æ€è€ƒã‚’ã›ãšã¨ã‚‚ã€3Dを表示ã€æ“作ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ 「ã¡ã‚‡ã£ã¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§3DãŒã§ãる。〠ã“ã®é¢ç™½ã•ã‚’皆ã•ã‚“ã«å±Šã‘ãŸã„ã§ã™ã€‚ 目次 立方体を表示ã™ã‚‹ 光をã‚ã¦ã‚‹ テスクãƒãƒ£ã‚’貼り付ã‘ã‚‹ マウスã§å›žè»¢ã•ã›ã‚‹ マウスã§ç§»å‹•ã•ã›ã‚‹ クリック判定ã™ã‚‹ Three.js web上ã«ã¯ã€HTML5ã®canvasを利用ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ルページやアプリケーシ
Sprite3D.js, a small library for generating and manipulating CSS 3D transforms
a small library for generating and manipulating CSS 3D transforms NOTICE: This page is slowly getting outdated. In my spare time, I've been working on a major syntax revision, Firefox compatibility issues and a new version of this page. Until I get the time to finish all of this, here's a list of the most up to date resources : "v2" branch on github (featuring a simplified syntax) A more recent li
yktmt blog: MMDModel on THREE.js
2010å¹´12月31日金曜日 MMDModel on THREE.js THREE.jsを利用ã—ã¦MMDã®ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿ã‚’表示ã—ã¾ã™ã€‚ ã“ã“ã«ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿(.pmd)ã¨ãƒ†ã‚¯ã‚¹ãƒãƒ£(.bmp .png .tga)をアップãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã€ã“ã“ã§é–²è¦§ã§ãã¾ã™ã€‚ 動作確èªã¯Chromium(10.0.614.0)ã¨Chromeã§è¡Œã„ã¾ã—ãŸã€‚インスパイア元ã®THREE.js demoã«ã‚ˆã‚‹ã¨ã€"webGL"コンテã‚ストã¯Chrome8/9 or Firefox4ã€"2d"コンテã‚ストã¯Chrome推奨ã ãã†ã§ã™ã€‚ ãŠè©¦ã—ミクã•ã‚“ 追記 : ライトãªã—版を用æ„ã—ã¾ã—ãŸã€‚ テクスãƒãƒ£ã‚’ã»ã¨ã‚“ã©ä½¿ã‚ãªã„モデルãªã‚‰Firefox3ã§ã‚‚閲覧ã§ãã¾ã™ã€‚ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ ソースコードã¯ä¸‹è¨˜ã«ä¸€å¼ç½®ã„ã¦ã‚ã‚Šã¾ã™ã€‚ http://www.yktmt.com/threemmd/ å‚考ページ 御本尊 : h
Ben Joffe |Torus
How To Play Use the arrow keys to guide the falling blocks, spacebar and the up-arrow will rotate the block in opposite directions. Alternatively the keys A,W,S and D can be used as arrow keys for the same purpose. When a complete horizontal ring of 15 blocks is occupied by pieces the row will collapse and earn 100 points. If multiple rows are cleared at a time you will earn bonus points.
HTML5 Canvas
∧_∧ 　　 _（ ´・ω・）_ /ï¼¼`'⊃(;;ﾟ;;) ï¼¼ ＿＿＿　　 ï¼ â€» ï¼¼_＿＿＿_|＼＿＿ヽ ＼※ ※　　　　　　|　 |_三三|_＜ ã¯ã˜ã¾ã‚‹ã‚ˆï¼ ＼　/　※ ※ ※!､_ |||＿＿|､ `─────||ヽ───i§ ヽi 　　　　 |`〜〜 JavaScript ã§ã‚‚ 3D ãらㄠã§ãã‚‹ã•ï¼ amachang 先生㮠次回作ã«ã”期待ãã ã•ã„ ∧∧ （　 ･ω･） ＿|　⊃ï¼(＿＿_ ï¼ã€€â””-(＿＿＿_ï¼ ï¿£ï¿£ï¿£ï¿£ï¿£ï¿£ï¿£ - 完 - ã”ã‚ã‚“ãªã•ã„ ã”ã‚ã‚“ãªã•ã„＞＜ DOM パフォーマンス ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚° JavaScript 㮠誤解 JavaScript 㯠é…ã„ JavaScript 㯠ãã“ãã“é€Ÿã„ è«–ã‚ˆã‚Šè¨¼æ‹ ã€‚ ベンãƒãƒžãƒ¼ã‚¯ マージソート 100 numbers × 3000 times JavaScript ActionScript code: http://s
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
A-Frame – Building Blocks for the VR Web
ROXIK | Monalisa
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
www.jolfizetok.hu
{{#tags}}- {{label}}
{{/tags}}