公开课教学文案threejs和vue3结合得解决方案

[复制链接]
查看: 926   回复: 0     threejs白皮书

251

主题

251

帖子

1410

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1410
2023-5-21 03:04:02   显示全部楼层   阅读模式  
封面.jpg

本期视频

点击跳转

前言为什么用vue3和vite

1、随着我们更加深入开发工作,我个人发现,传统的threejs原生js越来越难满足客户的需求了

很对情况下我们开发项目不是面部对不是仅仅开发一个类似产品 纯粹展示得无ui得画面比如这样得

1.jpg

或者这样得

2.jpg

就是寡淡得纯粹展示这个一个产品或者一个园区得任务,这个单纯得开发一个中间得三维展示,前几年还蛮吃香得现在来说就很不吃香了!!

我们更对要个客户一套完整得解决方案

就比如园区 我们更多得要加上一定得数据 图标 ui空间,他才会是一个商业价值爆炸得大屏监控项目 比如这样

3.jpg

或者这样

4.jpg

或者这样

5.jpg

有一些交互界面,有一些交互的逻辑链条得拖拽互动,才是当下市场上更加需要的项目需求!!!

所以 市场需求就是:

除了要我们写相对优秀得threejs得canvas画布效果,还得让我们threejs画布里面的东西跟,以前各种传统的互动前端项目一样:比如二维得那种管理系统,或者说以前那种h5得互动性广告。。。特性结合起来。。那么原生js实现图表 插件丰富展示,就非常非常难了。。但是这些困难得事物,对于传统的二维前端来说则非常简单,正好是现如今各种前端得,拿手好戏!!所以为了赚更多得钱,学vue3+vite+ts+threejs +elementUI 这一条技术栈就势在必行了!听着很难我个人也就学了个小两个月很快就能上手写一些threejs和vue结合得项目,并且接外包跟一些公司开始合作搞项目了,难度说实话中规中矩!

所以我得商业课前四节案例小型的threejs都是使用js原生代码来实现得编程开发教学,现在通过实战接一些外包,我了解市场并且自己也通过,一段时间自学vue3....之后我决定,我要把我工作接外包得,那套适合当下市场得技术栈带给大家~~让支持我商业课得大家能够,用我教得东西更好的无缝对接市场,升职加薪,接些外包改善生活~~

1.就是npm环境的搭建这里我几个月前,就是我们用原生开发 搭建npm服务器,开发环境 这个事情 ,老早就讲过了!!



点击跳转


2.vue3得搭建逻辑

https://www.xiefansq.cn/forum.php?mod=viewthread&tid=78&extra=page%3D1

3.vue2的搭建逻辑 ,因为一些公司老项目还是vue2技术栈,虽然vue官方都停止维护了,但是好多vue2开发得庞大项目,不会是全部升级vue3重写~~
所以vue2得搭建逻辑适当了解就行了,如果客户指定说vue2,那么还是用这个。。。如果我们接完整得项目得,建议还是vue3,他得糖度远远高于vue2

https://www.xiefansq.cn/forum.php?mod=viewthread&tid=80&extra=page%3D1

4.然后前言讲完,大家来跟我一些过一些用vue3+threejs+vite技术栈得小案例,同时咱们也蜻蜓点水得过一下ts。。。还有咱们如何打包之后把项目传到我们得在线服务器部署运转~~

最后给大家来个,很牛逼得注释代码,大家打包得时候如果信得话可以复制到你得代码中,我像佛祖请愿保佑各位看我教程得小伙伴



/*
 *                        _oo0oo_
 *                       o8888888o
 *                       88" . "88
 *                       (| -_- |)
 *                       0\  =  /0
 *                     ___/`---'\___
 *                   .' \\|     |// '.
 *                  / \\|||  :  |||// \
 *                 / _||||| -:- |||||- \
 *                |   | \\\  - /// |   |
 *                | \_|  ''\---/''  |_/ |
 *                \  .-\__  '-'  ___/-. /
 *              ___'. .'  /--.--\  `. .'___
 *           ."" '<  `.___\_<|>_/___.' >' "".
 *          | | :  `- \`.;`\ _ /`;.`/ - ` : | |
 *          \  \ `_.   \_ __\ /__ _/   .-` /  /
 *      =====`-.____`.___ \_____/___.-`___.-'=====
 *                        `=---='
 * 
 * 
 *      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 
 *            佛祖保佑     永不宕机     永无BUG
 * 
 *        佛曰:  
 *                写字楼里写字间,写字间里程序员;  
 *                程序人员写程序,又拿程序换酒钱。  
 *                酒醒只在网上坐,酒醉还来网下眠;  
 *                酒醉酒醒日复日,网上网下年复年。  
 *                但愿老死电脑间,不愿鞠躬老板前;  
 *                奔驰宝马贵者趣,公交自行程序员。  
 *                别人笑我忒疯癫,我笑自己命太贱;  
 *                不见满街漂亮妹,哪个归得程序员?
 */


回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司