图形
11篇文章 · 0订阅
  • 这个强大的插件能让网页里的 Shader 代码一览无余
    学习Shader的人必须安装的一款浏览器插件——Spector.js。看到任何酷炫漂亮的3D网页都可以用这款插件看看渲染过程的信息、看看其中的Shader源码是怎么写的！
    前端 WebGL three.js
    这个强大的插件能让网页里的 Shader 代码一览无余
  • 关于写一个粒子效果变换插件这档事
    本篇的实际效果可以查看极光的Au Design官网，Au Design现已正式上线啦！！！觉得不错的话别忘了点个赞支持一下。
    three.js 数据可视化 前端
    关于写一个粒子效果变换插件这档事
  • 在高德地图上实现城市扫光效果
    在设计和实现数据可视化大屏时，有一个常见的需求就是要实现一个周期性脉冲效果，让光墙定时掠过城市的每一个建筑。这种效果不仅能够吸引人们的眼球，还能够增强可视化大屏的视觉冲击力和信息传递效果。
    前端 JavaScript
  • 【零基础】充分理解WebGL（八）
    真正的大自然在无序中孕育着秩序。空气看似无序的扰动，产生了气流，气流汇聚形成季风；水波看似无序，然而产生水流，形成河流、洋流；岩石的生长看似无序，但形成山脉，连绵不断……随机无处不在，秩序也无处不在。
    WebGL JavaScript
    【零基础】充分理解WebGL（八）
  • 文字烟花特效，用JS代码示爱！程序员小姐姐用这个代码挽回了爱情~
    前言 之前我出了一个如何在网页里使用原生JS开发放烟花效果的教程。 竟然有一个前端小阿姨问我，如果想要烟花放出来是文字的话怎么实现，她要给男朋友做一个。 好家伙，这狗粮洒一地呀 那狗粮不能我一个人吃，
    JavaScript Canvas
    文字烟花特效，用JS代码示爱！程序员小姐姐用这个代码挽回了爱情~
  • 使用Three.js实现神奇的3D文字悬浮效果
    在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React + Three.js 技术栈，参照示例实现类似效果。
    前端 three.js
    使用Three.js实现神奇的3D文字悬浮效果
  • 一个WebGI的年终总结
    「时光不负，创作不停，本文正在参加2021年终总结征文大赛」 前言 又到了一年一度写年终总结的时候了,不过不同的是以前都是为了应付公司的年终总结大会，这次是想自己认真的总结一下（不是为了马克杯！！）
    WebGL
    一个WebGI的年终总结
  • WebGL MRT与延迟渲染
    WebGL之延迟着色 - Jeff.Zhong - 博客园 (cnblogs.com) MRT FBO draw buffer gbuffer着色器 光照处理 光照处理着色器
    WebGL 前端
  • ThreeJS-光照
    这是我参与8月更文挑战的第29天，活动详情查看：8月更文挑战 光照 在现实的世界中，我们想要看到的一切实物都需要有光源，否则将是一片漆黑，接下来将介绍如果实现在场景中添加光效和阴影效果。 首先我们先介
    前端 three.js
  • GLSL 与布丁晃动艺术
    我们知道，布丁在外力的作用下，很容易发生形变。并且，由于布丁具有弹性，在形变之后会来回晃动。今天我们用 Shader 来模拟布丁晃动的效果。 一开始，我们拿到的只是一张静态的图片。所以第一步要做的，是确定布丁在图片的哪个区域。 先来明确下思路：布丁的位置和形状由用户来确定，需要…
    OpenGL
    GLSL 与布丁晃动艺术