texgen.js - Procedural Texture Generator
var texture = new TG.Texture( 256, 256 ) .add( new TG.XOR().tint( 1, 0.5, 0.7 ) ) .add( new TG.SinX().frequency( 0.004 ).tint( 0.5, 0, 0 ) ) .mul( new TG.SinY().frequency( 0.004 ).tint( 0.5, 0, 0 ) ) .add( new TG.SinX().frequency( 0.0065 ).tint( 0.1, 0.5, 0.2 ) ) .add( new TG.SinY().frequency( 0.0065 ).tint( 0.5, 0.5, 0.5 ) ) .add( new TG.Noise().tint( 0.1, 0.1, 0.2 ) ) .toCanvas(); document.body.
VOXEL ARTICLE - voxel
Are you looking for a fun and exciting way to spend your time online? Look no further than online slots! With their colorful graphics, engaging sound effects, and endless opportunities to win big, online slots are a popular choice for both seasoned gamblers and newcomers alike. Online slots are not…
Camera Sync with CSS3 and WebGL (Three.js)
Camera Sync with CSS3 and WebGL (Three.js) Written by Luis Cruz on Friday, 23 March 2012. Posted in MSCS Project Camera Sync of HTML and WebGL objects The objective is to mix webGL and CSS3 objects and apply transformations to both in sync, such as if they were placed on the same scene. This combination of a DIV container with a WebGL context is needed in order to display dynamic data and UI compo
WebGL and Three.js
Colin Barre-Brisebois - GDC 2011 - Approximating Translucency for a Fast, Che...Colin Barré-Brisebois
多彩な表現力のWebGLを扱いやすくする「Three.js」
多彩な表現力のWebGLを扱いやすくする「Three.js」：Webグラフィックをハックする（5）（1/5 ページ） Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
Examples created by Yomotsu using THREE.js
Examples created by Yomotsu using THREE.js basic cube basic cube with textures load collada model load converted MMD models ray_basic ray_basic2 collitsion_detection_with_Ray MD2 model with actions kind of a TPS game triangle which is created from Vertex geom_from_vertex geom_from_vertex2 geom_from_vertex3 geom_from_vertex4 geom_from_vertex5 geom_from_vertex6 geom_from_vertex7 texture_using_2Dcanv
** WebGL / WebGPU - Beauty at the intersection of Math, Code & Design **
Explore WebGL/ WebGPU, a JavaScript API for rendering interactive 2D & 3D computer graphics within any compatible web browser
Md2 to json converter « OutsideOfSociety
Tried to make a simple little “webapp” that converts Md2 models(the old quake 2 model format) into the json format(version 3) that is used by three.js. You simply open the page, and then drag and drop a *.md2 file and it will be converted and a preview of the mesh should appear. You can then drag and drop jpg/png images for the texture to be previewed as well. Move the mouse left/right to spin th
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
Three.js でオリジナルシェーダを書く | ソフト職人
Three.js には豊富なシェーダも付属していますが、オリジナルのシェーダを書くことも出来ます。開発段階では付属のシェーダを使うのがお手軽ですが、見た目を追及するにはシェーダに手を入れる必要も出てきます。ということで、 Three.js でのオリジナルシェーダの書き方を調べてみました。 今回は次のサイトを参考にしました。 SHAGERS-part2- ShaderMaterial THREE.ShaderMaterial を使うとオリジナルシェーダを書くことが出来ます。上記のサイトでは THREE.MeshShaderMaterial を使っていますが、現状は内部的に同じものになっています。 26 行目からの initShaderMaterial() 内で ShaderMaterial を作成し、あとで作る Mesh に適用しています。 ShaderMaterial を作成しているところ
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Three.js doc
top THREE.PerspectiveCamera File doc/three.js/src/cameras/PerspectiveCamera.js Instance Variables fov aspect near far fullWidth fullHeight x y width height projectionMatrix Superclass THREE.Camera Examples (122) doc/three.js/examples/canvas_geometry_birds.html (source) doc/three.js/examples/canvas_geometry_cube.html (source) doc/three.js/examples/canvas_geometry_earth.html (source) doc/three.js/ex
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
Opera News
Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gatekeeper, and requesting to keep freedom... AI, Gaming, Opera GX Aria gets Buffed in Opera GX July 1st, 2024 Aria gets buffed in Opera GX. New features are being added to improve Aria's capabilities. Deskt
GoogleのANGLEがOpenGL ES 2.0準拠の実装として認定される - 強火で進め
GoogleがWindows環境のChromeでもWebGLが使える様にする為に制作したDirectXによるOpenGL ES 2.0の実装であるANGELが有ります。 そのANGLEがこの度、テストを通過してOpenGL ES 2.0準拠の実装として認定されたそうです。おそらく、Khronosグループのテストをパスしたという事だと思います。素晴らしい!! Chromium Blog: OpenGL ES 2.0 Certification for ANGLE http://blog.chromium.org/2011/11/opengl-es-20-certification-for-angle.html 関連情報 Chrome、ANGLEがOpenGL ES 2.0にフル対応 - WindowsのWebGL環境を強化 | エンタープライズ | マイナビニュース http://news.
WebGL playground
info Thank you! If you leave your email address in the author or the info box I will be able to contact you back. You can request that your email address should not appear in the description. I promise to review all submissions. And in the case a submission is accepted the author will be credited properly. Note that alternatively you can send your submission (or any queries) to @info type your pro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Making WebGL Dance
Three.js - examples
Cube
WebGL city [three.js]