首页 > 其他分享 >Lights:奇妙的WebGL 3D体验

Lights:奇妙的WebGL 3D体验

时间:2023-04-03 21:06:30浏览次数:55  
标签:浏览器 WebGL 奇妙 Lights Safari 3D


了解WebGL技术的人应该都知道,WebGL是一种3D绘图标准,通过该技术标准Web开发人员可以借助系统显卡在浏览器里更流畅地展示3D场景和模型,创建复杂的导航和数据视觉化。而Lights就是这样一款拥有强大WebGL显示功能的产品,无需插件便可在支持WebGL的浏览器(如 Chrome、Safari和Firefox等)中运行自如,给用户创造一场奇妙的听觉和视觉盛宴。

  进入Lights网站,便可看到一条黄色“亮线”随着鼠标点击位置的变化而左右移动;当有“气泡”出现时,用鼠标点击,便可看到如烟花般绚烂的景象。其背景音乐是一首poppy-dance配乐,还伴随有动画闪烁的节拍。还等什么,喜欢新事物的人,赶紧开始一场奇妙之旅吧。

  需要稍微注意一下的是,Safari浏览器默认情况不支持WebGL,用户需要在设置菜单的高级选项卡中勾选如下图所示的复选框:

  这样操作之后,在菜单栏中会出现一个“开发”菜单,选中“开启WebGL”即可。

  Via TNW


(sarah_long )



标签:浏览器,WebGL,奇妙,Lights,Safari,3D
From: https://blog.51cto.com/u_9688024/6167484

相关文章

  • highcharts 3D圆环图y轴数据为0 的较多,会出现显示不出来的问题
    问题的效果图如下:  问题原因:好像是数据位置重叠了解决办法:没有找到比较合适的解决办法,最后选择了不显示值为0的,代码如下所示(主要代码已用红色背景显示):plotOptions:{pie:{allowPointSelect:true,cursor:'pointer',......
  • 【论文速递】ECCV2022 - PETR: Position Embedding Transformation for Multi-View 3D
    【论文原文】:PETR:用于多视图3D对象检测的位置嵌入变换论文:https://arxiv.org/abs/2203.05625代码:https://github.com/megvii-research/PETR博主关键词:小样本学习,语义分割,图注意力网络,互监督,目标检测,三维视觉摘要在本文中,我们开发了用于多视图3D对象检测的位置嵌入变换(PET......
  • 在OGRE中使用原有的D3D界面处理方式。。
     我在接触OGRE之前,做过一个基于DX的UI处理系统。真的用OGRE时,才发现OGRE也有自已的UI处理系统。但我这个人是不想再浪费精力重写UI了。如果能直接用的话,当然是最好了。  经过网上查询,发现可以在OGRE中得到DX的设备对象。这真太好了。有了它,我就可以用它来单独进行UI的渲染,在OGRE......
  • 3d基础 - 从模型坐标到屏幕坐标
    在3D引擎中,场景通常被描述为三维空间中的模型或对象,每个模型对象由许多三维顶点组成。最终,这些模型对象将在平面屏幕上呈现和显示。渲染场景始终相对于摄像机,因此,还必须相对于摄像机的视图定义场景的顶点。了解一下这个转换过程是相当有必要的。上图中,point为正方体的一个顶......
  • Learning Blender: A Hands-On Guide to Creating 3D Animation(2nd Edition)
    参考1:https://www.doc88.com/p-9975664843996.html(书)参考2:https://www.bilibili.com/video/BV1wW411i7nY(视频)......
  • unity3d面试题及答案
    unity3d面试题及答案1.请描述游戏动画有哪几种,以及其原理。答:主要有关节动画、单一网格模型动画(关键帧动画)、骨骼动画。    关节动画把角色分成若干独立部分,一个部分对应一个网格模型,部分的动画连接成一个整体的动画,角色比较灵活Quake2中使用了这种动画;   单一网......
  • 3dMax 常用操作
    视点操作(1)Alt+W:      最大化视口切换;(2)鼠标滚轮:     向上/向下滚动—>放大/缩小视点;(3)鼠标滚轮:     按下时平移鼠标—>平移视点;(4)Alt+鼠标滚轮:按下时移动鼠标—>旋转视点;(5)鼠标左键:     点击选中要查看的物体后按Z键,最大化显......
  • [ABC273D] LRUD Instructions
    题目链接题解模拟题。观察题目,我们发现,无论问的是前/后/左/右,你都只会在一条直线上走,那对于这条直线,我们可以记录所有这条直线上的障碍物,然后找到距离当前点最近的障碍物,也就是说我们只能走到那个障碍物那块。虽然数据范围高达\(10^9\),但是\(n\le10^5\),所以用\(map\)套\(......
  • threejs-camera&controls&renderer(WebGLRenderer)
    ArrayCamera:一般用于,展示益、一个场景存在多个物体,每个物体各自拥有自己的视角的这种场景。CubeCamera:一次性创建六个方位的相机(类似于正方体六个面,立方全景图中所有方......
  • m基于C3D-hog-GRNN广义回归神经网络模型的人员异常行为识别算法的matlab仿真
    1.算法描述      实时的人群异常行为识别是一项极具挑战的工作,具有较高的现实意义和社会需求,快速准确地判断出异常行为并及时预警,一直是我们探索的方向。传统的机器......