前言

星空其实就是粒子。
星链是一组星星用线连接。
如果要增加指向的箭头,则需要再加上箭头。

一些入门的Threejs项目参考

效果

  • threejs实现3D星空效果
    没实际跑过,无完整项目代码,效果还可以。无星星材质图。

  • Three.js 的 3D 粒子动画:群星送福
    没实际跑过,有源码,有打碎重组的效果实现

  • 线

    • ThreeJS 中线的那些事

      • 详细的教程贴,线的实现。
    • 关于线的宽度修改:THREE.js(三):解决设置材质线条宽度(lineWidth) 无效
      • 然而还没找到对星链的线条修改的方法= =
  • three.js实现太阳系

    • vue2+有源码+有demo,demo地址
    • 但是在本地运行npm i 失败不知道为啥
    • 贴图都比较全,有使用到group
    • 背景星空效果也还可以(加了贴图的云层)
    • 参考的是SOLAR SYSTEM,非常酷炫的项目

交互

  • 增加点击或者Hover事件(忘了有没有参考下面这些了- -后面整理的时候再看看)

    • threejs如何在三维场景中添加点击事件
    • three.js实现点击事件(vue)
    • Three.js - 通过 THREE.Raycaster 实现模型选中与信息显示
    • Three.js实现hover与Click选中效果
    • vue-cli3.0以上 threejs引入obj模型 点击显示模型数据 点击高亮

乱入

  • 使用js+canvas实现连线星空效果
    没有试过,代码全的,可以试试

扩展
threejs-生成带宽度的线-MeshLine的使用
代码没试过,但是看起来是可以贴材质,做中国风的效果。
使用线实现彩带等效果的参考
没试过代码。
three.js 实现图片粒子爆炸特效 有点像点击后水珠迸溅的效果,有源码,没试过

【threejs】实现星空、星链、太阳系、线等效果的参考相关推荐

  1. “星链”或成美军未来作战理念新载体

    本文来源:中国军网 在美国航天政策愈发重视商业航天发展,尤其是美太空军发展对巨型弹性低轨星座提出重大需求的背景下,美国太空探索公司SpaceX乘势将业务从商业航天发射.载人航天货物和乘员运输逐渐扩展至 ...

  2. SpaceX再发射58颗星链卫星 总数达到538颗

    来源:网易智能 据外媒报道,在距离上次星链(Starlink)卫星发射仅仅10天后,美国太空探索技术公司SpaceX于当地时间周六再次发射了最新一批星链卫星.与以往每批发射60颗星链卫星不同的是,Sp ...

  3. 马斯克:“星链”卫星已能提供服务

    来源:一财网 美国太空探索技术公司首席执行官埃隆·马斯克22日称,该公司发射的"星链"卫星已能提供天基互联网服务. 马斯克当天在社交媒体推特上发布的一条推文中说,"正在通 ...

  4. 脑植入芯片实现脑机交互,脑神经链会如星链般放大马斯克的光环吗

    paypel.Tesla,还是spacex的星链计划,马斯克已经拥有这个时代最神奇的光环,但显然,马斯克仍然在一些意想不到的领域继续创造神奇,在还没有建立通往火星的星际巴士之前,马斯克开始通过脑神经链 ...

  5. CCF C³-19@航天宏图:星链互联,创新未来——商业卫星互联网时代的思考丨开始报名...

    CCF C³活动第十九期主题是:星链互联,创新未来--商业卫星互联网时代的思考,将于2023年4月25日周二(13:30-16:30),在航天宏图北京总部举行,报名从速. 卫星互联网是基于卫星通信的互 ...

  6. 互联网快讯:SpaceX星链正测试为飞机提供宽带;极米科技高性能产品获好评;雷蛇宣布将从港交所退市

    国内要闻 圆通速递签约成为杭州2022年亚残运会官方物流服务赞助商: 网易云音乐正式登陆港交所:上市首日破发跌2.49%,市值415.31亿港元: 3.深入下沉市场"掘金",土巴兔 ...

  7. SpaceX 推出星链奖励计划,最高赏金2.5万美元

     聚焦源代码安全,网罗国内外最新资讯! 编译:代码卫士 SpaceX 表示,欢迎负责任的研究员入侵其卫星互联网网络星链(Starlink),并表示如发现特定类型的漏洞,则最高可获得2.5万美元的奖励. ...

  8. 美国人测评马斯克的星链服务: 现实太骨感,梦想已破灭

    来源: 风闻社区.3D实验室 最近看到外国人测评马斯克的starlink服务,满篇吐槽,无数缺陷,而且都是原理上无法克服的那种缺陷,跟大家分享一下. 首先星链服务不是你想像的那种一卡在手,天下我有的服 ...

  9. 华为30 岁以下员工占比 28%;SpaceX:欢迎“攻击”星链;高德地图宣布正式上线“红绿灯倒计时”功能 | EA周报...

    EA周报 2022年8月19日 每个星期7分钟,元宝带你喝一杯IT人的浓缩咖啡,了解天下事.掌握IT核心技术. 周报看点 1.华为研发费用占年收入 22.4%,30 岁以下员工占比 28% 2.腾讯二 ...

最新文章

  1. Jmeter实现WebSocket协议的接口和性能测试方法
  2. ASP读取ini文件的实现方法
  3. 浅谈AQS(AbstractQueuedSynchronizer,同步队列)
  4. iframe高度自适应
  5. 开张第一天,一年之际在于春
  6. arm9 adc及触摸屏
  7. 从零开始发布web项目(七)
  8. Anaconda 更新pip版本
  9. JAVA 通过POI实现Excel从单元格选择下拉选项
  10. Flash鼠绘入门第四课:绘制漂亮的梅花-梅花照片分析与学习
  11. 手游刚开服就就被攻击怎么办?如何防御DDOS
  12. 量化策略:驾驭交易之轴心点研究(一)
  13. python京东图书信息抓取
  14. 【OpenCV+Python实现医学影像拼接(一)】
  15. 逆商助你回顾2019年迎面2020年
  16. mysql查询95031班人数_MySQL的查询练习 - osc_1ngzqx2h的个人空间 - OSCHINA - 中文开源技术交流社区...
  17. Python挑战游戏( PythonChallenge)闯关之路Level- 1
  18. 小米项目实习踩坑集合
  19. 数据中心网络设备管理(二)
  20. 《软件技术基础》之《同步》

热门文章

  1. 以下用于计算机程序管理的是,事业单位考试计算机基础试题(22)
  2. _beginthread和CreateThread 创建线程
  3. 烤箱温度计厨房食物电子测温计方案
  4. imx6ull uboot
  5. oracle中varchar2的最大长度,.关于oracle中varchar2的最大长度
  6. 静脉血管穿刺存在的问题
  7. umijs多语言方式
  8. Qin Shi Huang's National Road System( 次小生成树 )
  9. ami编码设计流程图_AMI码型变换-10
  10. video.js 生命周期