(TODO)智能短视频的定位 让设计回归创意,把其他留给科技。 优势程序化生成:批量生成、自动生成 金融行业的专业逻辑:每一个模板代表了一种金融研究员制定的投资分析策略 数据:ifind、问财 劣势定制化能力受限 模板化导致设计美感无法达到高水准 创意设计方面不足 数据源是有限的 性能问题:Canvas截屏成本过高 不适合的场景:公司介绍、元宵节祝福视频 适用场景用户画像我们一定要明确用户画像,这样才能知道哪些功能必须有, 2021-03-09 #音视频
(TODO)如何在浏览器端合成音视频 由月影提供: Canvas 录制好的视频,我们还可以将它和音频结合,方法是通过 ffmpeg 的 Web 端来合成。 浏览器可以通过 WebAssembly 来集成 ffmpeg,具体的项目在 https://github.com/ffmpegwasm/ffmpeg.wasm,有兴趣的同学可以研究下。 ffmpeg 的 Web API 用起来还比较复杂,奇舞团的同学开发了一个非常好用的封装,项目 2021-03-05 #音视频
JS中实现全局数据对象 全局是一个范围概念,可以是整个页面的全局,也可以是针对某个组件数据实例的全局,我们一定要明确这个范围边界,否则会出现变量污染的问题。 一个变量污染的案例我写了一个折线图的组件,由于折线图其实是由很多子元素(比如坐标轴、线条、tooltip等)构成的,每个子元素都是一个独立的类,而这些类都需要用到用户的配置项(比如样式等),因此我需要一个数据对象,可以在不同的子组件之间应用,将这些用户配置传递过去。 2021-02-21 #JavaScript
D3.js-DOM操作 SVGDOM追加 DOM 元素:append()The selection.append() function accepts one of two types: A string which is the name of an element to create, or A function which is executed (applied on parent) and should re 2021-02-21 D3.js #数据可视化 #D3
Canvas学习笔记 名词概念画布宽高 VS. 样式宽高 API分类:设置状态 VS. 绘制指令 指令式绘图系统(Canvas) VS. 声明式绘图系统(HTML/SVG) 代码片段清空画布1 线条12345678910111213function drawDashLine( ctx: CanvasRenderingContext2D, start: { x: number; y: numbe 2021-02-18 #Canvas
跟月影学可视化 数据可视化的本质反思:我之前把可视化理解得太狭隘了,没有抓住本质;还是给自己找个老师(陈为、月影)更靠谱。 可视化是将数据组织成易于为人所理解和认知的结构,然后用图形的方式形象地呈现出来的理论、方法和技术。 技术上:利用 WebGL 这样的图形系统,来更高效地实现更多有趣的图形。 业务上:降低数据的理解成本,给用户呈现更多的信息。 设计上:美感、创意、视觉震撼力。 关键词:数据、理解、认知、图 2021-02-18 #数据可视化
按键精灵学习笔记 概念按键精灵可以使用各种标准VBS命令,比如数值操作、字符串操作等 Q语言按键精灵使用的是Q语言。 Q语言是在VBScript的基础上发展起来,专用于按键精灵系列产品(包括但不限于按键精灵、按键小精灵、简单游等)的一种易学易用、功能强大的脚本语言。Q语言以VBScript为基础,去掉了少量不重要的功能,且增加了很多更易于使用,更符合国情的新功能。 这是一篇介绍Q语言的文章。 注意: Q语言不支持参 2021-02-16 #游戏开发
rollup学习笔记 打包流程环境准备1npm install babel-loader 一句话经验rollup是否一定会将多个文件打包成一个文件? rollup应该放在操作流程的最前面还是最后面? amd、cjs、umd到底该用哪个? uglifyjs不支持ES6语法怎么办? 用terser:https://github.com/TrySound/rollup-plugin-terser 测试数据rollu 2021-02-07 #JavaScript