合計 10000 件の関連コンテンツが見つかりました
リアルタイム顔検出を備えた AR プロファイル カードの構築
記事の紹介：導入
顔の動きを追跡し、リアルタイムで反応するインタラクティブな 3D プロファイル カードを想像してください。これが 3D AR プロファイル カードの本質です。作成者: P-R. Lopez 氏は、JavaScript、React、Firebase の専門知識を持つシニア開発者です。
2024-11-15
コメント 0
304
ポケモンデータ用のシンプルな API を作成するための支援を求めています
記事の紹介：こんにちは、Dev.to コミュニティです!
私は Pokémon 3D Model Viewer プロジェクトに取り組んでおり、簡単な API を作成してポケモンのデータをより動的にしたいと考えています。このプロジェクトは、ポケモンの 3D モデルを探索し、それらをインタラクティブに表示する楽しい方法として始まりました。
2024-12-03
コメント 0
293
WRLD 3Dで動的3Dマップを構築します
記事の紹介：WRLD 3D APIとマップデータを使用して、ダイナミックおよび優れた視覚効果3Dマップを作成して、データの視覚化と物語機能を強化します。このチュートリアルシリーズでは、人気のあるテレビシリーズのテーマに関する簡単な手順をガイドして、WRLDプラットフォームで3Dマップをセットアップおよび操作する方法を学びます。
HTML5オーディオAPIを使用してオーディオ要素を追加して、3Dマップの物語の没入型エクスペリエンスを強化します。 JavaScriptでインタラクティブなストーリー要素を実装し、マップ上の異なる座標ポイントに移動し、対応するオーディオとビジュアルキューを伴います。リアルタイムの天気の変更と異なる時間設定で3Dマップをカスタマイズして、さまざまなシーンやストーリーの時間経過を反映します。強調表示やポップアップ情報カードの構築などの高度な機能を探索するので
2025-02-16
コメント 0
366
実際に印刷する3D CSSプリンターを作成してください！
記事の紹介：この記事では、CSSを使用して楽しくインタラクティブな3Dプリンターモデルの作成を紹介します。 著者はプロセスを詳述し、重要なテクニックを強調し、読者が探索するためのいくつかのCodepenデモを提供します。
t
2025-02-09
コメント 0
709
WRLDを使用してリアルタイムデータを使用してモールマップを作成する方法
記事の紹介：このチュートリアルでは、WRLDを使用してインタラクティブなリアルタイムの3Dモールマップを構築し、動的なストア情報とナビゲーションを使用したユーザーエクスペリエンスを強化します。 2つのデモを作成します。1つは屋内モールマップにインタラクティブマーカーを追加し、もう1つのショーを作成します。
2025-02-15
コメント 0
842
オービット: 太陽系を巡る旅
記事の紹介：昨年 10 月、私のチーム メイソンズは、NASA Space Apps カイロ 2024 ハッカソンに向けて、本当にこの世のものとは思えないものを作成するというエキサイティングな旅に乗り出しました。私たちのプロジェクト Orbit は、太陽系と軌道をシミュレートするインタラクティブな 3D Web アプリケーションです。
2025-01-04
コメント 0
969
ウルトラプレミアム グラディエーターズ バトルフリップカード エフェクト付き
記事の紹介：古代の剣闘士からインスピレーションを得た、驚くほどインタラクティブな 3D フリップ カード デザインをご覧ください。この超プレミアム カードは裏返すと追加の詳細が表示され、輝く境界線、ダイナミックなグラデーション、傾斜アニメーションが特徴で、魅力的な視覚体験を実現します。パフォーマンス
2024-11-19
コメント 0
676
テキスト アート ショーケース: グラディエーター バトル ⚔️
記事の紹介：見事な 3D テキスト アートと、高度にインタラクティブで没入型の Web エクスペリエンスを組み合わせる方法を考えたことはありますか?このプロジェクトでは、プレイヤーが収集し、戦い、戦うブラウザベースのカード ゲームである Gladiators Battle で、まさにそれをどのように達成したかを示します。
2024-11-27
コメント 0
579
JS の観点から見た C# の概要
記事の紹介：私の旅は…から始まりました
プロジェクトの作成を開始したときの私の目標は、3D 要素を備え、インタラクティブで、特にモバイル プラットフォームでプレイできる可能性のあるゲームを構築することでした。また、AI をゲームに統合して追加したいと考えていました。
2024-12-05
コメント 0
994
CSSとJavaScriptを使用して3D回転カルーセルを構築します
記事の紹介：CSS 3D変換とJavaScriptを使用して、インタラクティブな3D回転カルーセルを構築して、Web画像またはコンテンツの動的表示を強化します。この記事では、このコンポーネントを作成する方法を段階的にガイドします。
このトピックを最初に研究したとき、3Dカルーセルは必要ありませんでしたが、特定の実装の詳細にもっと注意を払いました。コアテクノロジーはもちろん、CSS変換モジュールレベル1からですが、その過程で、CSS、SASS、クライアントJavaScriptのすべての側面を含む他の多くのフロントエンド開発技術が適用されます。
このCodepenはさまざまなバージョンのコンポーネントを示しており、それらを構築する方法を示します。
CSS 3D変換の設定を説明するには、
2025-02-16
コメント 0
785
私のポートフォリオはほぼ完成しました
記事の紹介：こんにちは。私の Three.js を活用したポートフォリオがほぼローンチの準備ができていることを共有できることをとてもうれしく思います。学習、コーディング、そして「なぜこれがうまくいかないのか?」という疑問がたくさん詰まった楽しい旅でした。瞬間。結果？ダイナミックでインタラクティブな 3D 体験
2024-12-27
コメント 0
780
家具シーン向けのAIツールとは何ですか？
記事の紹介：Furniture Scene AI ツールは、人工知能テクノロジーを使用して現実的な家具シーンを作成し、デザイナーや愛好家が家具のレイアウトを視覚化および設計できるようにします。これらのツールには次のものが含まれます。 Autodesk Homestyler: インタラクティブな 3D ホーム デザインと広範な家具ライブラリを提供するオンライン プラットフォーム。 IKEA Place: 拡張現実を使用して、ユーザーが物理的な環境で IKEA の家具を体験できるようにするモバイル アプリです。 Room Planner: 間取り図の作成と家具の追加を簡単に行うための、豊富な家具とデザイン ツールを提供するオンライン プラットフォームです。 Panaroma: 広範なマテリアル ライブラリを使用してフォトリアルな 3D シーンを作成できるデスクトップ ソフトウェア。 3ds Max: プロフェッショナルな 3D モデリングおよびアニメーション ソフトウェア
2024-11-28
コメント 0
1087
プロトピー、強力で使いやすいプロトタイピングツール
記事の紹介：プロトピー：モバイルアプリケーション向けの効率的な高忠実度プロトタイピングツール
コアポイント
Protopieは、デザイナーが高度にインタラクティブなプロトタイプを迅速かつ簡単に作成できるようにするモバイルアプリケーション向けの強力な高忠実度プロトタイピングツールです。これにより、設計プロセスが改善されます。このツールは、あらゆるデバイスでプロトタイプの共有をサポートし、スマートデバイスのセンサーを活用します。
このツールは、チルト、サウンド、コンパス、3Dタッチセンサー、および複数のデバイスにわたるインタラクティブな機能など、スマートデバイスのセンサーをサポートすることにより、多くの同様のツールの中で際立っており、デザイナーに高忠実度のプロトタイプを改善します。
プロトピーはアジャイルメソッドを完全に統合し、デザイナーと開発者間のコミュニケーションを促進します。
2025-02-16
コメント 0
190
強力な軽量グラフィックライブラリであるGraphicsJSの紹介
記事の紹介：HTML5：モダンネットワークの礎石。今日、SVGとキャンバスは、インタラクティブな画像を作成するときに選択された技術であることがよくあります。フラッシュは忘れられており、シルバーライトはネットワークの端で珍しいユニコーンになり、サードパーティのプラグインを覚えている人はほとんどいません。
各手法の長所と短所は十分に文書化されていますが、要するに、SVGはインタラクティブな要素の作成と処理に適しています。これは、SVGがXMLベースのベクトル形式であり、タグを使用して画像がページにロードされると、その中の各要素をSVG DOMで使用できるためです。
この記事では、SVGに基づいた新しい強力なオープンソースJであるGraphicsJSを紹介したいと思います。
2025-02-17
コメント 0
220
