- 博客(45)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 行为篇一，@JavaScript
infinity 代表什么数据？✂【回答】infinity 存放表示正无穷大的数值。🖊【便签】♡【关注】https://blog.youkuaiyun.com/Hewes题2✂【回答】🖊【便签】♡【关注】https://blog.youkuaiyun.com/Hewes题3✂【回答】🖊【便签】♡【关注】https://blog.youkuaiyun.com/Hewes题4✂【回答】🖊【便签】♡【关注】https://blog.youkuaiyun.com/Hewes题5✂【回答】🖊【便签】♡【关注】
2022-05-27 09:39:03
228
原创 【达人必备】抄完几十家大厂的“家”，我习得7招优化阅读体验的秘籍
1. 自带输出属性的对比色；2. 辨识度高明的字体大小；3. 稳妥的纯数字行高设置；4. 舒适度拉满的单行长度；5. 科学而优雅地选择字体；6. 网页字体加载的助力项；7. 如何合理应用纵向分布。
2022-05-23 23:18:57
264
原创 表现篇一，@CSS
在 CSS 中子元素如何继承父元素的 line-height？在 CSS 中 inset 属性的用法？在 CSS 中 font-feature-settings 属性的作用？在 CSS 中 font-variant 属性有什么作用？在 CSS 中，请说说你对文档流的理解。
2022-05-20 15:48:02
223
原创 结构篇一，@HTML
简述下 W3C 标准都有哪些？如何才能做出符合标准的网页？你对标签语义化的理解是什么？简述超链接 target 属性的取值和作用。JS 代码单独写或者写到 HTML 文件里哪个好？为什么？描述 HTML 元素的显示优先级。
2022-05-18 17:25:04
232
原创 【No.01】八份简约经典的生成设计入门案例
几个既简约又经典的生成设计案例：◉ 平铺的线条（Tiled Lines）◉ 快乐分裂（Joy Division）◉ 无序立方（Cubic Disarray）◉ 一二三（Un Deux Trois）◉ 催眠方块（Hypnotic Squares）◉ 圆形填充（Circle Packing）◉ 皮特·蒙德里安（Piet Mondrian）◉ 三角网格（Triangular Mesh）
2020-06-23 23:13:31
1266
1
原创 p5.js 编程基础学习合集【2】
之前在《 p5.js 和 Processing 的恩怨情仇》曾提及 p5.js 与 Processing 的不同点之一就是： 在 JavaScript 中，变量没有类型。使用 var 而不是 float、int、double、long、char、String、Array 等。我们不需要为函数指定返回类型或参数类型。 var 可以是任何东西——任何提到的类型，也可以是函数。#...
2020-01-16 11:24:27
4779
原创 Processing “迁” p5.js【秒懂小白篇】
We ❤ P5js, we decided to throw our full support on P5js in the future and drop support on Processingjs.不久前，OpenProcessing 已宣布弃用 Processingjs，而选择全面支持 P5.js。于是乎，他们将后台里超过 100,000 个用 Java 创建的 sketch 移植...
2019-11-07 23:20:57
4374
原创 满纸荒唐言：Processing 寻觅文字魅力篇
文字的显示：step 1：Create the font；至于创建字体，吾有三计——计之一：利用创建字体工具手动创建字体。在 Processing 工作窗口的“工具”（Tools）菜单中选择“创建字体…”（Create Font）命令，在弹出的窗口中选择字体和字号，点击“确定”（OK）完成创建。生成的 vlw 格式字体被默认放置于 data 文件夹中（若没有，PDE 会自动创建 data ...
2018-11-07 14:55:01
3479
1
原创 【Minim】音乐加工厂：AudioOutput 类
AudioOutput 是神马？AudioOutput是与计算机声卡输出的连接。通常，连接设备为计算机扬声器。你可以使用AudioOutput通过将UGens补到输出对象来进行实时声音合成。倘若要从 Minim 获取AudioOutput，你可以调用以下五种方法之一： AudioOutput getLineOut() // specifiy either Minim.MONO or...
2018-10-30 15:21:38
2500
原创 【Minim】音乐加工厂：AudioRecorder 类
AudioInput 是神马？AudioInput是与计算机当前记录源的连接。（注释：至于如何设置计算机的记录源，其取决于声卡和操作系统，用户通常可打开控制面板并在那里设置源。）不幸的是，我们没有办法通过 Java 来设置记录源。 这一点在 Mac 上尤其成问题，因为即使用户使用音频控制面板设置好不同的输入，输入也总是会连接到 Mic-In。倘若要从 Minim 获取AudioInput，...
2018-10-24 23:59:38
586
原创 【Minim】音乐加工厂：AudioMetaData 类
AudioMetaData 是神马？AudioMetaData包含了 ID3 标签中常见的信息。基维百科注释：ID3 是一种 metadata 容器，多应用于 MP3 格式的音频文件中。它可以将相关的曲名、演唱者、专辑、音轨数等信息存储在 MP3 文件中，又称作“ID3Tags”。但是，其他音频格式（如 Ogg）也包含着类似信息。因此，我们并不将此信息称为 ID3Tags 或类似信息，而简...
2018-10-23 21:18:27
703
原创 【Minim】音乐加工厂：AudioListener 类
AudioListener 是神马？AudioListener用于监听可记录对象，如 AudioPlayer、AudioOutput和AudioInput。每当可记录对象从音频系统接收到新的样本缓冲区，或在音频系统的请求下生成新的样本缓冲区时，它便会此缓冲区的副本传递给其监听器。倘若要以回调的方式来接收样本，而不是使用对象的AudioBuffers来访问它们，则你可以实现此接口。你可通过...
2018-10-22 15:41:29
630
原创 【Minim】音乐加工厂：AudioInput 类
AudioInput 是神马？AudioInput是与计算机当前记录源的连接。（注释：至于如何设置计算机的记录源，其取决于声卡和操作系统，用户通常可打开控制面板并在那里设置源。）不幸的是，我们没有办法通过 Java 来设置记录源。 这一点在 Mac 上尤其成问题，因为即使用户使用音频控制面板设置好不同的输入，输入也总是会连接到 Mic-In。倘若要从 Minim 获取AudioInput，...
2018-10-21 11:35:01
2261
原创 【Minim】音乐加工厂：AudioBuffer 类
AudioBuffer 是神马？AudioBuffer是与单通道流式音频一致的浮点采样缓冲区。注意：**AudioBuffer只可读，可调用toArray方法来获取其副本。**而事实上，在绘制声波形状时，我们一般使用toArray方法，而不是迭代缓冲区本身。这是因为在调用get方法期间，缓冲区中的样本可能会被新的样本所替代，从而导致波形似乎有不连续的地方。It is readonly, but...
2018-10-20 15:49:47
1256
原创 【Kinect+Processing】装置设计项目基础启蒙
John Underkoffler 说：“人手是世界上最复杂的操作工具。我们的想法是扔掉鼠标，让手取代它的全部作用。”一个天才的杰作最近有些小姐姐很苦恼地跟我讨论毕设的问题，诸如毕设难产、方向确定、技术难点等等。当然在此，我并不想深究解决之道，而仅欲与大家分享一个天才杰作——Pranav Mistry 的“第六感”。完整版的视频链接，点击这里，或者 something more（翻墙…...
2018-10-08 18:30:55
4494
10
原创 THE ZOMBIES ATE YOUR BRAINS!
你知道的，我喜欢用代码写下那些漂亮的植物 。而不幸的是，在前天，我收到 The Zombies 的恐吓来信——Hello,We wood like to visit for a midnight znack.How does icecream and brains zound?Sincerely,The Zombies...
2018-10-08 17:51:30
1499
原创 【PROCESSING 游戏编程】之黄金矿工
首先，我们得梳理一下自己的思路。这是我做的一张“Gold Miner”项目的简易流程图： 以下是本文的目录大纲：GameMainGamePlay:GameWin:GameLost:Others:Last…GameMain：###按钮与音效...
2018-08-09 16:22:31
5717
6
原创 【苉雅篇】Leap Motion 向左走，Processing 向右走
Leap MotionLeap Motion for Processinghttps://developer-archive.leapmotion.com/documentation/java/devguide/Leap_Processing.html
2018-06-26 22:24:36
3727
6
原创 p5.js 编程基础学习合集【1】
不知道你是否了解过 Processing 语言的家谱（如下图所示）。与人类语言一样，编程语言同样属于相关语言的家族。而今天，我要引出的，即其家族成员之一的 p5.js（官网）。 Introduction简单来讲，p5.js 是一个库配上许多工具，它让编程爱好者、艺术家、设计师们可以轻松使用 JavaScript 语言进行创意编程。库是 JavaScript 库。 为什么选择...
2018-05-05 12:28:48
8954
2
原创 【Sutcliffe Pentagons】奇幻派的漂流
▼我要做什么？Sutcliffe Pentagons！一个奇异的分形怪咖——绘制一个普通的五边形，然后找出其五边中每一边的中点并过这些点绘制垂直于此边的线段，而这些线段的末端则连接生成另一个五边形。我打个草图： 在这样做的同时，该形状的其余部分也最终被细分为更多的五边形。这意味着在每个五边形内有六个副五边形。在其中的每一个中，又有六个子五边形向下重复……接着，怪咖出现了。...
2018-05-02 22:21:31
1426
1
翻译 【迷路指南】Generative Art 篇
Philip Galanter 给予生成艺术的定义是，“艺术家应用计算机程序，或一系列自然语言规则，或一个机器，或其它发明物，产生出一个具有一定自控性的过程，该过程的直接或间接结果是一个完整的艺术品。”我个人喜欢使用 ActionScript 在 Flash 中实现关于艺术的 idea。在我看来，它更清晰和多样化。但又是谁说的，你只需要一个程序？如果可以，请尝试一切！Application...
2018-04-29 15:10:24
2392
原创 植物的算法美：如何敲出一个漂亮的 Sunflower
“Beauty is bound up with symmetry.” ——（加）普鲁辛凯维奇、（加）林德梅叶《The Algorithmic Beauty of Plants》（ 优快云下载，译为《植物的算法美》）植物的魅力吸引了数学家们几个世纪的关注，诸如叶片的双侧对称，花朵的旋转对称以及松果中的鳞片的螺旋排列等明显的几何特征已被广泛地研究。 《The Algorithmic B...
2018-04-26 23:26:35
2580
翻译 p5.js 和 Processing 的恩怨情仇
序卷p5.js 看起来与 Processing 非常相似，但有一些变化：因为 size() 已经被 createCanvas() 代替，所以我们的草图不仅仅是画布，还能创建其他元素。frameRate(num) 设置帧速率，但该 frameRate 变量已被删除。要获取当前帧速率，请用 frameRate() 不带参数调用。JavaScript 并不总能同步加载，下面有几个方法可...
2018-04-25 21:29:23
9697
2
原创 复杂分形，简单规则：门格海绵世界探秘
连绵的山川、飘浮的云朵、岩石的断裂口、布朗粒子运动的轨迹、树冠、花菜、大脑皮层……这些部分与整体以某种方式相似的形体，可以说，就是“分形”的要义了，也恰恰是这些“不规则的”、“分散的”、“支离破碎的”物体又重新让我们认识了自然。比如，Menger Sponge（Wikipedia），因奥地利数学家卡尔·门格在1926年的描述而得名。它是一个通用曲线，因为它的拓扑维数为一，且任何其它曲线或图都...
2018-04-25 14:24:30
5404
原创 二虎尽食之 Processing 添加库、模式、工具
“将军勇则勇矣，不知用谋。今许都新定，未可造次用兵。彧有一计，名曰二虎竞食之计。” ——荀彧 出自《三国演义》第十四回Processing 如何做到“Just Keep It Strong”的呢？曹阿瞒敢夸口“设使天下无有孤，不知当几人称帝，几人称王”，这无非是因为其兵多将广，后台够硬。Processing 这种海纳百川的精神在国内发扬得并不是很顺畅，Install 到怀疑人生（呵呵）。今吾
2017-12-05 16:06:03
4105
原创 TensorFlow 安装两步行
TensorFlow的安装过程并不复杂，初学者可能会在 Python 版本的困境上浪费了许多宝贵的时间。于是乎，今天我们介绍一种简便的安装方法，两步即可搞定TensorFlow的安装。Remember remember，”Life is short, you need Python!”（Bruce Eckel）Step 1：安装AnacondaAnaconda 是一个集成许多第三方科学计算库的 Py
2017-11-27 22:03:24
447
原创 Android App 欢迎界面的实现
Day 4：五步实现你的第一个Android App 让我们初步认识到了App开发的流程。可貌似软件商店里的App都有一个不错的欢迎界面。那么，下面让我们一起来实现一个点击或者延迟几秒后再进入主界面的欢迎界面吧。1. 开发前准备一：界面设计素材，这大概是视觉创意达人的活。好吧，PASS！我在PATTERN LIBRARY找到了如下的图文件。 准备二：在res目录下新建一个名为“drawable”的
2017-11-16 18:39:15
1310
原创 五步实现你的第一个 Android App
由于前文Day 3：Android基础UI界面设计已经将App的界面设计好，接下来我们要做的事情，就是开发程序了。找到项目目录里的“src”,点开其中的“MainActivity.java”，开启你的第一个Android App之旅吧！第一步，简化代码最初显示的Java源代码，你可能不太明白。然而，这并不会影响你的开发进程，唯有懒惰才会。本着“不明白的代码不要胡乱粘贴”的精神，我们可以对此进行简化：
2017-11-14 23:01:30
771
原创 Android 基础 UI 界面设计
前面Day2:Android项目的目录结构详解，我们了解了整个Android项目的目录架构。既然如此，我们就直接来写一个“Big Lottery”（利用计算机选号来产生乐透号码的程序），顺便发布到Google play上面赚取广告费。下面开始编程的第一项吧——UI界面设计。UI组件重要的话先讲，Android的所有UI组件都是建立的View、ViewGroup基础上的。如图，开发环境中的组件列表，可
2017-11-12 11:48:56
738
原创 Android 项目的目录结构详解
前面Day1:eclipse创建Android模拟器，我们学会了如何在eclipse上创建Android模拟器。本着“穷根究底”的黑客精神，我们将较为详细地了解App项目——BigLottery的目录结构在eclipse的左侧展开BigLottery项目，本文主题如下所示： 下面将分节介绍上面的各级目录结构。目录结构分析1. src目录（关键词：源代码）src，即”source code”。顾
2017-11-11 17:46:59
1300
原创 Eclipse 创建 Android 模拟器
Android App开发一般需要模拟器来测试程序的正确性，特别是对于那些爱惜真机的开发者来说。其创建方法也分两种：一是通过eclipse开发环境，二是通过命令行创建。这里主要介绍如何在eclipse上创建Android模拟器。
2017-11-10 14:04:12
8373
1
原创 【小白篇】Processing 配合麦克风的实时声音可视化
Processing如何实现声音可视化呢？ - 必要条件：音频文件数字化； - 实现方式：逐点取出音频频率； - 呈现方式：基本形状，DIY……创意才是灵魂。 本教程主要介绍如何获取麦克风的立体声输入，并对其进行简单的可视化操作。
2017-10-28 15:30:54
19075
6
原创 Processing 分形之三 —— Diffusion-Limited Aggregation
人类一思考，上帝就发笑。 ——米兰·昆德拉 《生命中不能承受之轻》 大自然创造出瑰丽奇特的珊瑚，Witten和Sander共同提出了DLA。唐代冯延巳有诗云：“年少王孙有俊才，登高欢醉夜忘回。歌阑赏尽珊瑚树，情厚重斟琥珀杯。但愿千千岁，金菊年年秋解开。”可世人皆知珊瑚美，哪知DLA也奇妙。Tree Corals They look fabulous, like underwater bonsai
2017-08-24 20:19:58
4285
1
翻译 DLA - Diffusion Limited Aggregation
通过使用化学和物理领域的物理过程模型生可以成许多迷人的图像和类似生命的结构。举个例子，扩散限制聚集或DLA，其特别描述了电解溶液中锌离子在电极上的扩散和聚集。“扩散”是由于形成结构的颗粒在将自身（“聚集”）依附到结构之前随机漫游。“扩散限制”是因为这些颗粒被认为是低浓度的，所以它们不会相互接触，而结构一次只生长一个颗粒，而不是大块颗粒地生长。自然界中有很多这样的例子，如：珊瑚生长、雷电的路径、灰尘或
2017-08-23 19:19:01
4921
3
翻译 分形与计算机图形学
使用CAD软件绘制的计算机图形很擅长用基本图形来表现人造物，如二维平面中线条、矩形、多边形以及曲线，又或三维空间中的体和曲面。而这些几何图形和用于绘制图形的常用工具常在表示大自然中的大多数物体（如云、树木、静脉、波浪和泥浆……）时被证明是不足够的。最近混沌理论和分形几何大兴，因为我们发现世界上许多过程可以用这个理论来更准确地描述。计算机图形产业正在快速结合这些技术，并产生了令人惊叹的美丽图像以及
2017-08-21 21:54:33
4770
原创 Processing 分形之二—— Peter de Jong Attractor
人真正变强大，不是因为守护着自尊心，而是抛开自尊心的时候。——《请回答1988》Strange Attractor是**混沌运动**的主要特征之一，由法国物理学家小D和小F在1970年左右引进。Now here comes a question : 何为混沌运动？度娘解释道，混沌（chaos）是指确定性动力学系统因对初值敏感而表现出的不可预测的、类似随机性的运动。元芳，你怎么看？简单点，你又不是个演员，不就是*
2017-08-12 11:56:14
2792
原创 Processing 分形之一 —— Wallpaper
亲爱的朋友，一切理论都是灰色的，而生命的金色之树是长青的。 ——歌德《浮士德》分形艺术——科学与艺术的完美结合。它与普通“电脑绘画”不同：普通的“电脑绘画”概念是用电脑为工具从事美术创作，创作者要有很深的美术功底；而“分形艺术”是数学和自然的产物，创作者要有一定的数学功底，此外还要有熟练的编程技能。However，在Processing强大的库函数面前，in just a few easy ste
2017-08-09 17:56:46
4779
原创 【小白篇】初探 Processing 色彩
God said,"Let there be light," and there was light. 所谓色彩，即光从物体反射到人的眼睛所引起的一种视觉心理感受。**计算机就是以光来合成颜色的**。绘画者耗费大量的时间混合颜料并在纸上上色。通过长时间的练习，他们才能依靠直觉混合不同颜色而得到一种特别的颜色。在Processing中运用颜色，却是变得**uncomplicated**：
2017-07-30 15:06:44
12415
原创 Processing 基本函数绘制图形
夏洛：马冬梅上课老嗑瓜子，影响我成绩。 老师：就你这成绩还能受影响？你的成绩还有下降空间吗？ ——《夏洛特烦恼》一幅绘画作品能够透射出画者的内心世界,展示画者的心情、心绪、心意、心迹、心性。绘画的本身就是画者倾诉情感的一种方式。绘画是通过线条、色彩等形象来传达出画者的情感,也能让其他人体验到这种情感。点、线、面是平面艺术造型中的三种基本形态，这三种形态各有不同的视觉效果和艺术表现力。我喜欢画点，
2017-07-29 22:07:28
18082
原创 Processing 像素与画布【秒懂小白篇】
谦谦君子，不饮盗泉之水；儒生脱尘，不为好逸恶劳。 ——陆逊《三国杀》3.1 屏幕分辨率主题撇开，我们先说豆子的事情。As we all known ,不同种类的豆子一般有不一样大小的颗粒。接着理一个常识，按颗粒大小排序：胡豆>豌豆>绿豆。现在，我们把三类豆子分别涂上各种颜色，平铺一层到相同大小的盒子里拼成一副肖像画。那么，谁的画面会显得更逼真和细腻呢？结果不言而喻了。屏幕分辨率也是这个理。屏幕分辨
2017-07-24 23:48:37
5570
Visualizing Data【PDF 英文原版】
2018-05-06
chap_8_fractals【PDF 高清无水印版】
2018-05-02
【Sutcliffe Pentagons】奇幻派的漂流
2018-05-02
The Algorithmic Beauty of Plants【PDF 高清无水印版】
2018-04-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人