質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
Unreal Engine

Unreal Engineは、Epic Games社によって開発されたゲームエンジンです。高レベルの移植性を持っており、様々なプラットフォームのゲーム開発が可能。GitHubアカウントを登録すれば無料でダウンロードできます。

Three.js

Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。

WebGL

WebGL(ウェブジーエル)は、ウェブブラウザで 3次元コンピュータグラフィックスを表示させるための標準仕様です。

Blender

Blenderとは、オープンソースの3DCGソフトウェアです。フリーでありながら、3Dモデル作成、レンダリング、アニメーション、コンポジットなどのハイエンドに匹敵する高い機能を持ち、さらにゲームエンジンも搭載しています。

意見交換

2回答

176閲覧

3Dオブジェクトの作成をして、Webサイトに埋め込んで、クリック等によって挙動を変えたい

tamatebako

総合スコア7

Unreal Engine

Unreal Engineは、Epic Games社によって開発されたゲームエンジンです。高レベルの移植性を持っており、様々なプラットフォームのゲーム開発が可能。GitHubアカウントを登録すれば無料でダウンロードできます。

Three.js

Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。

WebGL

WebGL(ウェブジーエル)は、ウェブブラウザで 3次元コンピュータグラフィックスを表示させるための標準仕様です。

Blender

Blenderとは、オープンソースの3DCGソフトウェアです。フリーでありながら、3Dモデル作成、レンダリング、アニメーション、コンポジットなどのハイエンドに匹敵する高い機能を持ち、さらにゲームエンジンも搭載しています。

0グッド

0クリップ

投稿2024/04/05 16:16

テーマ、知りたいこと

3Dオブジェクトの作成をして、Webサイトに埋め込みクリック等によって挙動を変えたい

背景、状況

3Dオブジェクト自体初めて作成する初心者です。
3DオブジェクトをBlender、Unreal Engine等で作成し、それをthree.jsで読み込みWebサイトに埋め込もうと思ってます。
そしてユーザーがWebサイトにアクセスしてそのオブジェクトをクリックしたときに、ポップアップを出したりと挙動を変えたいのですが、
そもそもそういったことは可能なのでしょうか。

Unreal EngineやBlenderで作成したものをthree.jsに読み込むと1つのオブジェクトとして読み込まれるので、そのオブジェクトの各部品をクリックしたなどの挙動まではthree.jsは追えないのかなと想像しています。
逆にthree.jsによって作成したものについては、結局jsで作成してるので各部品に対してクリックなどのイベントを追うことはできると思ってます。

自分が実現したいこととしては、オブジェクトの中の部品1つ1つに対してクリックした際に何か処理するようなことをしたいのですが、それは可能なのでしょうか。

皆様のご意見をお伺いしたいです。
よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

回答2

#1

tamatebako

総合スコア7

投稿2024/04/05 18:07

https://haru-ni.net/
このサイトのように、オブジェクトの中の白い点をクリックできるような形にしたいのですが、このサイトではどのような技術やライブラリを使っているのか、わかる方いましたら教えていただきたいです。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#2

cx20

総合スコア4633

投稿2024/04/06 13:01

https://haru-ni.net/

技術解説についてはこちらで行われているようです。
https://zenn.dev/gonshi_com/articles/01c74e7061f93f

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

この意見交換はまだ受付中です。

会員登録して回答してみよう

アカウントをお持ちの方は

関連した質問