PicoCAD 最小限の機能にしぼられたローポリ作成ツール｜3DCG最新情報サイト MODELING HAPPY
PicoCAD PicoCADはローポリで3Dモデルとテクスチャを作成する為のツールです。モデリングとテクスチャリングのための多くの3Dソフトは機能が複雑化していますが、picoCADは必要不可欠なものに焦点を当てることでツールが分かりやすく、楽しく、簡単で、アクセスしやすいものにすることを目指したツールです。小学生ぐらいの子供でも簡単に触われるような設計となっています。ダウンロードボタンを押すと10ドルと入力されていますが0と入力する事でwinとmacで無料で使う事も可能です。 picocadの特徴 使いやすいエディター メッシュを配置および変更 テクスチャとUV座標のライブ操作 picoCADのディザリングシェーディング ワイヤーフレーム、ソリッドフィル、またはテクスチャでレンダリング すべてのファイルを読みやすいテキスト形式で保存 Twitterに適したGIFをエクスポート
HTMLタグで本格VRコンテンツが作れる！ Mozillaが開発した3DライブラリA-Frame - ICS MEDIA
HTMLタグで本格VRコンテンツが作れる！ Mozillaが開発した3DライブラリA-Frame WebXRフレームワークの「A-Frame」を使えば、JavaScriptを記述することなく、HTMLにタグを追加するだけでVRコンテンツが作成できます。 次のデモはA-Frameを用いてt作成したオリジナルのVRデモです。中央の円状のカーソルを牛の3Dモデルに重ねることでアニメーションします。 ※パソコンではドラッグ、スマートフォンではジャイロセンサーが検知した傾きで視点が変わります。右下のアイコンをクリックすると、HMDで閲覧できるモードへ切り替わります。 デモを別ウィンドウで開く HTMLをマークアップするようにVRコンテンツを作成しよう VRコンテンツをHTMLのマークアップのように作成するには、JavaScriptライブラリ「A-Frameエー・フレーム」を使用します。「やっぱりJa
voxel.css
var scene = new voxelcss.Scene(); scene.rotate(-Math.PI / 8, Math.PI / 4, 0); scene.attach(document.body); var world = new voxelcss.World(scene); var editor = new voxelcss.Editor(world); editor.enableAutoSave(); if (editor.isSaved()) { editor.load(); } else { editor.add(new voxelcss.Voxel(0, 0, 0, 100, { mesh: voxelcss.Meshes.grass })); } View in JSFiddle var voxel = new voxelcss.Voxel(0, 0, 0, 10
WebGL開発に役立つ重要な三角関数の数式・概念まとめ （Three.js編） - ICS MEDIA
3Dコンテンツの制作において「三角関数は必須」とよく聞きます。ウェブサイト制作で三角関数を使う場面はほとんどありませんが、WebGLの勉強をすすめると3Dでは三角関数を使う場面が多いことに気づきます。本記事では3Dコンテンツ制作で使用頻度が多い基本的な数式と概念をまとめました。 今回解説する内容は地味ですが、ゲームやデータビジュアライゼーションを作る上でこの数式が基本となってきます。高校数学で学んだことをベースに、3つのサンプルを通して学習できるようまとめましたので、ぜひ最後までお付き合いください。WebGLの人気ライブラリの1つ「Three.js」を使って解説しています。 三角関数を使ったデモの紹介 まずは、本題に入る前に三角関数を使ったデモを作成したので紹介します。次のリンクをクリックしてご覧ください。 デモを別ウインドウで再生する ソースコードを確認する 地球をモチーフにしたサンプル
「AdobeユーザーのためのBlender入門」というチュートリアルを作りました
普段 Adobe Illustrator や Photoshop を使ってデザイン制作をしている、あるいはそれと同等のPCスキルがある方向けの Blender というアプリケーションを使った3DCG制作の入門チュートリアルを公開しました。 こちらのページで体験できます。 AdobeユーザーのためのBlender入門 Blenderとは Blender とは、オープンソースで公開され無償で利用できる統合型3DCGソフトウェアです。 ※統合型3DCGソフトウェア: 要するに色々なことができる3DCGソフトのこと。「モデリング」とよばれる形を作る機能はもちろん、アニメーションやレンダリング、動画編集など色々なことができる。 無償というと「低機能ではないのか」と思われる方もいらっしゃるかもしれませんが、Blender は数十万円の有償ソフトと比べても劣らないほど多機能なソフトウェアです。 おそらく
coca-cola campaign gives old bottles '2nd lives' with 16 functional caps
coca-cola campaign by ogilvy & mather gives bottles ‘2nd lives’ with 16 innovative caps all images courtesy ogilvy & mather china as part of its global sustainability program, coca-cola has launched ‘2ndlives’, a line of 16 innovative caps which can be screwed onto bottles after consumption, transforming them into useful objects, such as paintbrushes, waterguns and pencil sharpeners. to encourage
複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」:phpspot開発日誌
jQuery Interactive 3D by Pete R. | The Pete Design 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」。 画像を沢山用意する必要がありますが、あとはjQueryで初期化してアニメーションさせたりドラッグ＆ドロップで回転させたりすることが出来るようになります。 WebGL非対応ブラウザでも見れるような実装にしたい場合はこちらが使えそうですね。 関連エントリ 画像にマウスオーバーでリアルに立体化する3Dアニメーション実装デモ 3Dのキューブのアニメーションで迫力あるエフェクトを付けられるjQueryプラグイン「HexaFlip」 ドラッグで回転する3Dオブジェクトが作れる「ThreeSixty」 3Dでグルグル回転するインパクト大なスライダー実装jQueryプラグイン「Impulse Slider」
ブラウザ上でまるで美術館。3Dイメージギャラリーデモ:phpspot開発日誌
3D Image Gallery Room | Codrops ブラウザ上でまるで美術館。3Dイメージギャラリーデモ。 単なる画像ギャラリーではなく、周りの空間も再現したようなギャラリーが実現できています。 対応ブラウザでないと動作しませんが、将来的にはこうしたサイトも当たり前の物となっているのかも。 Safari等で見てみましょう 関連エントリ サムネイルがシャッフルされてクールなギャラリー実装「Photofy」 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン 動画ギャラリー用WordPressプラグイン10個
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
3Dで本格的なプロダクトイメージを作れるPhotoshopアクション:phpspot開発日誌
3D Covers Pro: Create Photo Realistic High Resolution 3D eCovers 3Dで本格的なプロダクトイメージを作れるPhotoshopアクション。 まずアクションによって基本テンプレートを作成し、それをベースにデザインした後、アクションを実行することでソフトウェアパッケージ、DVD、書籍等のハイクオリティなイメージに変換することが可能。 DVDパッケージ。 本のパッケージの場合 ノートっぽいもの ソフトウェアパッケージ ＄３７の有償のアクションとなりますが、これだけ多数のパターンが使えれば、仕事を圧倒的に効率化してくれるだけではなく後々に色々な局面で使えることは間違いなさそう＆円高ということで入れておいてもよさそうです。 PayPalやクレジットカードによる支払いが可能です。 関連エントリ まるで魔法のようだ。２Dの図形を輝く３D画像に
Tutorial_立体的な文字を作る – イラレラボ illustrator-labo
DTPの勉強部屋、PAGE2010などのセミナーでご紹介した、立体的な文字を作るチュートリアルです。 ロゴやその他に、わりと使いどころはあるんじゃないでしょか。 先ずは準備。書類のモードはRGB、単位はピクセルに設定します。 まず文字。このチュートリアルでは数字の6でいってみましょう。 Myriad Pro、Semibold、300ptです。色は仮に#CCCCCCに指定。 これに 効果 > 3D > 押し出し・ベベル で3Dの効果をつけます。 それぞれ上から -30° / 18° / 4° 押し出しの奥行き：54pt 表面：陰影なし を選択します。 オブジェクトメニュー > アピアランスを分割 で、効果をオブジェクトに変換し、全部をグループ解除しておきます。 分割されてしまっている同じ面を、それぞれ選択して、パスファインダで合流します。 全部ひっくるめて選択し、0%:#8CC63F > 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3D model - Sketchfab
Rules Creative 吾則創意
How to Create Head Textures by Mike Bauer
Online 3D Printing Service | i.materialise
ThreeSixty
three.js css3d - periodic table
BookBlock: A Content Flip Plugin - Demo 1
p2warticles.com is for sale | HugeDomains
CSSで3D空間を表現するテクニック:phpspot開発日誌