当前位置: 首页 > 知识库问答 >
问题:

javascript - 前端实现3D飞机模型渲染,每个部位有独立交互的技术方案?

凌伟泽
2023-11-02

需求描述
1.后台传递数据,目前还不知道数据格式
2.前台需要渲染出飞机的样子,点某个部位会变颜色或者有数据显示

简单的或者复杂的方案都可以,最好越简单越好

共有2个答案

弘浩博
2023-11-02

做这个你需要掌握2个技术

  • 建模技术
  • three.js相关知识

关于建模,这个短期不好速成,你的需求是要求小部位交互(变色、动画)等等,这需要模型的mesh足够细致才可以做到。市面上先去sketchfab找找有没有符合的。没有的话就需要去制作模型了。这个建议外包。

喻子航
2023-11-02

一般是用threejs

 类似资料:
  • 我试图通过本教程学习OpenGL,我试图在OS X Mavericks中进行编码,但结果只是一个黑窗口。我相信应该有一个白色的三角形,但不知道我错过了什么。 glut_utils.cpp TUT01.CPP

  • app 部分页面需要手机网页版,如何实现好? 比如需要 文章页面 m.domain.com/post/10043 我考虑了三种方案: 1 我打算通过 nginx 配置,解析 request post/10043 到 src/pages/post/view.html,js 获取内容并输入结果到页面。尽量减少使用前端库。 2 采用 vue 单页应用。通过 vue router。但是我担心以后如果需要更

  • 本文向大家介绍实现前后端数据交互方法汇总,包括了实现前后端数据交互方法汇总的使用技巧和注意事项,需要的朋友参考一下 此文章适合前后端协同开发经验不足的新手阅读。 HTML赋值 输出到 Element 的 value 或 data-name 渲染结果 使用 JS 获取 优点: 不占用全局变量,由 JS 自由获取。 使用建议: 适合传递简单数据,也非常适合多个简单数据与 Element 绑定关系。 J

  • 本文向大家介绍你有用过预渲染技术吗?怎么做的?相关面试题,主要包含被问及你有用过预渲染技术吗?怎么做的?时的应答技巧和注意事项,需要的朋友参考一下 预渲染的核心是使用 prerender-spa-plugin new PrerenderSPAPlugin({ staticDir: path.join(__dirname, 'dist'), routes: [ '/', '/home', '/inf

  • 我正在寻找一种方法来导出我的Jupyter笔记本,其中包含带有小部件的交互式Bokeh情节到独立的HTML。当使用位于工具栏中的Jupyter NB“下载到”HTML函数时,除了交互式Bokeh图外,所有的东西都能很好地导出,静态Bokeh图也能导出(静态图也是“交互式”的,但底层数据不会改变) 如何在独立HTML中使用小部件获得交互图? 下面你可以在Jupyter笔记本中找到一个安装了Bokeh

  • CSS3DRenderer用于通过CSS3的transform属性, 将层级的3D变换应用到DOM元素上。 如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换,那么这一渲染器十分有趣。 同时,它也可以将DOM元素与WebGL的内容相结合。 然而,这一渲染器也有一些十分重要的限制: 它不可能使用three.js中的材质系统。 同时也不可能使用几何体。因此,CSS3DRenderer仅仅