资讯专栏INFORMATION COLUMN

Room3D开发笔记0--序言

sevi_stuo / 2792人阅读

摘要:序言引子很多话想说作为前端开发者技术瓶颈生活压力必须要拓宽新的技术领域结合自身情况于是选择了。本质上是原生原生开发方式使用起来总是略显麻烦为了快速上手开发应用这里选择进行开发。技术栈源码准备使用方便维护扩展。

序言 1、引子

很多话想说,作为前端开发者,技术瓶颈、生活压力,必须要拓宽新的技术领域,结合自身情况,于是选择了WEBGL。

WEBGL 本质上是原生,原生开发方式使用起来总是略显麻烦,为了快速上手开发web3D应用,这里选择Three.js 进行开发。

2、WEBGL应用
参考:https://manu.ninja/25-real-wo...

WEBGL 的应用目前不是很多,大概有以下几个:

地图(Cesium),可能需要点地理信息知识,个人对这个不感兴趣

商品展示,个人理解就是将3D模型导入就可以了,没有太多拓展

网页游戏,Unity3D可以直接编译到WEBGL

音乐可视化,娱乐性更强,市场小众

数据可视化(echarts)

布局规划(Floorplanning),个人觉得广度和和深度很值得探究。

3、项目确定

上面的很多应用里我还是想详细说一下游戏, 游戏开发钟有大量3D知识,目前比较成熟的游戏引擎如Unity3D,很多理念都非常值得WEBGL借鉴和学习,
个人研究了一段时间,准备入坑Unity3D开发,最终还是选择了放弃,主要有以下原因:

程序开发比重小, 一款游戏,美工:音乐:程序 = 1:1:1,程序设计比重仅占1/3

开源项目少,和纯粹的软件开发相比,游戏的美工和音乐都比较重要且针对性更强,所有很少有优秀的开源游戏

综上所述,WEBGL应用五彩缤纷,但是个人选择布局规划,作为WEBGL(Three.js)的最佳实践。

4、布局规划
商业应用: 
https://roomstyler.com/3dplanner
https://planner5d.com/?prcode...
https://home.by.me/en/
https://www.roomle.com/en/bus...
http://3d.fuwo.com/sign/signi...://3d.fuwo.com/aim5d/

代码参考:
https://github.com/furnishup/...

这个系列主要就是参考这个代码,然后逐渐完善增加功能。

5、技术栈

源码准备使用Typescript,方便维护扩展。
页面使用React 16.8.6,因为个人对vue比较了解,所以顺便学习React。
因为布局设计移动端太小了,所以不准备兼容。

6、尾巴

项目名称: Room3D
项目描述: 实现3D家庭装修

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104107.html

相关文章

  • 初步探索Wechat小程序 | 学习打卡

    摘要:初步探索小程序学习打卡序言笔记框架记录细节待续序言在前半年的时候,用做了一个简易的蓝牙小车控制,做的时候不需要语言基础,只需要熟悉各部分的代码块,以逻辑为线索奖代码块拼接就可以。 ...

    Zachary 评论0 收藏0
  • 重读PHP手册笔记系列(一)

    摘要:手册序言,即,是一种被广泛应用的开源通用脚本语言,尤其适用于开发并可嵌入中去。该语言的主要目标是允许开发人员快速编写动态生成的页面,但的用途远不只于此。对于服务器模块版本的,仅在服务器启动时读取一次。 PHP手册 序言 PHP,即PHP: Hypertext Preprocessor,是一种被广泛应用的开源通用脚本语言,尤其适用于 Web 开发并可嵌入 HTML 中去。它的语法利用了 ...

    hikui 评论0 收藏0
  • PC端调用接口笔记整理以及注意事项

    摘要:可选参考网址远程调用例反转调用接口的方法例你的请求程序页面随便啦接口地址同步意思是当有返回值以后才会进行后面的程序。 序言 好习惯造就好人生,开发中要善于总结。今天我继续给大家分享一些干货,关注我的粉丝们有福利了哈。下边是我在PC端调用接口整理出来的一些笔记,以及提醒大家需要注意的事项! 原因分析 1.首先我说一下为啥会在PC端调用接口获取数据吧! 给个链接给你们:http://ww...

    justjavac 评论0 收藏0
  • PC端调用接口笔记整理以及注意事项

    摘要:可选参考网址远程调用例反转调用接口的方法例你的请求程序页面随便啦接口地址同步意思是当有返回值以后才会进行后面的程序。 序言 好习惯造就好人生,开发中要善于总结。今天我继续给大家分享一些干货,关注我的粉丝们有福利了哈。下边是我在PC端调用接口整理出来的一些笔记,以及提醒大家需要注意的事项! 原因分析 1.首先我说一下为啥会在PC端调用接口获取数据吧! 给个链接给你们:http://ww...

    dance 评论0 收藏0
  • 利用百度AI OCR图片识别,Java实现PDF中的图片转换成文字

    摘要:二方案实现百度平台获取该平台限制调用次数,作为个人开发者来说,基本上是够用了。代码实现逻辑思路读取文件,然后读取中包含的图片,将图片传给百度平台去进行识别,返回结果解析。 序言:我们在读一些PDF版书籍的时候,如果PDF中不是图片,做起读书笔记的还好;如果PDF中的是图片的话,根本无法编辑,做起笔记来,还是很痛苦的。我是遇到过了。我们搞技术的,当然得自己学着解决现在的痛点。 一. 现状...

    AdolphLWQ 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<