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を利用ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ルページやアプリケーシ
csg.js: Constructive Solid Geometry 3d Modeling in...
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. Evan Wallace, the same guy who brought us that amazing WebGL water simulation is back at it again, this time with a library called csg.js for doing Constructive Solid Geometry modeling in JavaScript. Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean
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
OpenGLãªã«ãã‚Œã†ã¾ã„ã®?? ã¨ã„ã†äººã®ãŸã‚ã®WebGLã®å§‹ã‚æ–¹ - hagino3000's blog
追記：例題ã®é ‚点シェーダーã§ä½•ã‚’ã—ã¦ã„ã‚‹ã‹èª¬æ˜Žã‚’è¿½åŠ ã—ã¾ã—㟠追記：動作環境ã®æ‰€ä¿®æ£ã—ã¾ã—ãŸã€IE9ã§ã¯å‹•ä½œã—ã¾ã›ã‚“。 皆ã•ã‚“ã¯ã˜ã‚ã¾ã—ã¦ã€è’å·æ™ºå‰‡ã§ã™ã€‚ã“ã®è¨˜äº‹ã¯JavaScript Advent Calendarã®21日目ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Google I/Oã‚„Firefox Developers Conferenceã§è¯éº—ãªãƒ‡ãƒ¢ãŒãƒãƒªãƒãƒªå‡ºã¦ãã‚‹ã«ã‚‚ã‹ã‹ã‚らãšã€å®Ÿéš›ã«ä½¿ã£ã¦ã„る人ãŒç•°å¸¸ãªã¾ã§ã«å°‘ãªã„WebGLã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚対象èªè€…ã¯WebGLã«èˆˆå‘³ãŒã‚ã‚‹or手を出ã—ã¦ã¿ãŸã‘ã©ã‚¯ã‚½é›£ã—ãã†ã ã—æ—¢ã«è«¦ã‚ãã†ã€ã¨ã„ã†äººã§ã™ã€‚ WebGLã®æ¦‚è¦ WebGLã¯OpenGL ES 2.0ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯APIã‚’Canvasè¦ç´ 上ã§ä½¿ãˆã‚‹æ§˜ã«ã—ãŸç‰©ã§ã™ã€‚OpenGL ESã¯OpenGLã®çµ„ã¿è¾¼ã¿æ©Ÿå™¨å‘ã‘ã®ã‚µãƒ–セットã§ã€iPhoneã‚„android端末ã«ã‚‚æ載ã•ã‚Œã¦ã„ã¾ã™ã€‚OpenGL ESãª
jQuery Plugin: rotate3Di - Flip HTML content in 3D - zachstronaut
Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS3 Transforms are used to create this visual "3D" isometric effect. Supported browsers are Safari, Chrome, Webkit, Firefox 3.5+, IE9+, and Opera 11+. The plugin's functionality includes: setting or animating HTML content to an ar
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
Learning WebGL
GDC, GTC and 3D city planning lead this week’s WebGL stories. CALL FOR SUBMISSIONS: WebGL artists, the call for submissions to the 3D Web Fest is open. Deadline to submit is April 8th (project doesn’t need to be done till late April). Don’t delay; submit today! Stockholm-based Agency9’s Johan Göransson and team just released support for iOS and Android for a streaming WebGL 3DMaps and City Planner
HTML5 Canvas
∧_∧ 　　 _（ ´・ω・）_ /ï¼¼`'⊃(;;ﾟ;;) ï¼¼ ＿＿＿　　 ï¼ â€» ï¼¼_＿＿＿_|＼＿＿ヽ ＼※ ※　　　　　　|　 |_三三|_＜ ã¯ã˜ã¾ã‚‹ã‚ˆï¼ ＼　/　※ ※ ※!､_ |||＿＿|､ `─────||ヽ───i§ ヽi 　　　　 |`〜〜 JavaScript ã§ã‚‚ 3D ãらㄠã§ãã‚‹ã•ï¼ amachang 先生㮠次回作ã«ã”期待ãã ã•ã„ ∧∧ （　 ･ω･） ＿|　⊃ï¼(＿＿_ ï¼ã€€â””-(＿＿＿_ï¼ ï¿£ï¿£ï¿£ï¿£ï¿£ï¿£ï¿£ - 完 - ã”ã‚ã‚“ãªã•ã„ ã”ã‚ã‚“ãªã•ã„＞＜ DOM パフォーマンス ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚° JavaScript 㮠誤解 JavaScript 㯠é…ã„ JavaScript 㯠ãã“ãã“é€Ÿã„ è«–ã‚ˆã‚Šè¨¼æ‹ ã€‚ ベンãƒãƒžãƒ¼ã‚¯ マージソート 100 numbers × 3000 times JavaScript ActionScript code: http://s
GLGE WebGL Library/Framework
What is GLGE? GLGE is a javascript library intended to ease the use of WebGL; which is basically a native browser javascript API giving direct access to openGL ES2, allowing for the use of hardware accelerated 2D/3D applications without having to download any plugins. The aim of GLGE is to mask the involved nature of WebGL from the web developer, who can then spend his/her time creating richer con
HTML5ã€WebGLã€WebSocketsã€JavaScriptを駆使ã—ã¦ã€ã‚²ãƒ¼ãƒ 「QuakeIIã€ã‚’ブラウザã«ç§»æ¤ä¸
HTML5ã€WebGLã€WebSocketsã€JavaScriptを駆使ã—ã¦ã€ã‚²ãƒ¼ãƒ 「QuakeIIã€ã‚’ブラウザã«ç§»æ¤ä¸ Windows 95ã®æ™‚代ã«ã€è‡ªåˆ†è¦–点ã§ã®3D表示ã«ã‚ˆã‚‹ç”»æœŸçš„ãªã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã¨ã—ã¦ç™»å ´ã—ãŸã€ŒQuakeIIã€ã€‚ç¾åœ¨ã€HTML5ã®éŸ³å£°å†ç”Ÿæ©Ÿèƒ½ã€ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸æ©Ÿèƒ½ã€ç¾åœ¨ç–定ä¸ã®Webブラウザ用3Dグラフィックス表示è¦æ ¼ã®WebGLã€ã‚µãƒ¼ãƒã¨ä»»æ„ã®é€šä¿¡ã‚’å¯èƒ½ã«ã™ã‚‹WebSocketsãªã©ã®æ©Ÿèƒ½ã¨JavaScriptã«ã‚ˆã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’駆使ã™ã‚‹ã“ã¨ã§ã€QuakeIIã‚’Webブラウザ上ã«ç§»æ¤ã—よã†ã¨ã„ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒã€ã‚°ãƒ¼ã‚°ãƒ«ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã‚ˆã£ã¦ã‚ªãƒ¼ãƒ—ンソースã¨ã—ã¦é€²ã‚られã¦ã„ã¾ã™ã€‚ ã™ã§ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆå†…部ã§ã¯ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒç¨¼åƒã—ã¦ãŠã‚Šã€å®Ÿéš›ã«å‹•ä½œã—ã¦ã„る様åãŒYouTubeã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã»ã¨ã‚“ã©å®Ÿç”¨çš„ãªå‹•ä½œé€Ÿåº¦ã‚’実ç¾ã—ã¦ã„るよã†ã§ã™ã€‚ 実ã¯ã“ã®ã“ã¨ãŒæ˜Žã‚‰ã‹
O3D API - Google Code
What is O3D? O3D is an open-source web API for creating rich, interactive 3D applications in the browser. This API is shared at an early stage as part of a conversation with the broader developer community about establishing an open web standard for 3D graphics. Get involved Download the plug-in (Windows and Mac) and explore the samples to see O3D's capabilities. Linux users, see these instruction
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
three.js editor
Google Code Archive - Long-term storage for Google Code Project Hosting.
GitHub - mrdoob/three.js: JavaScript 3D Library.
Casual and Social Games with Unity
Need For Speed
GitHub - Seneca-CDOT/c3dl: Repository for c3dl (Canvas 3D JS Library). See wiki for related links
CopperCube - free easy to use 3D engine
ãªã«ãŒï¼Ÿã©ã†ãªã‚‹ï¼ŸWebGL
検索（WebGL） - DarkHorse
{{#tags}}- {{label}}
{{/tags}}