赵工的个人空间


(编程演练部分)
转专业部分转网页计算

这些网页是在学习编程时根据示例做的一些练习,有一些简单,有一些会复杂一些,但都是自己制作或仿制的。因为使用了一些HTML5新特性,如WebAssembly、WebGL、WebAudio及ES6, 许多网页在Window7或xp平台预装的微软IE浏览器下无法运行,不过Windows10平台的Microsoft Edge已支持,多数浏览器已支持WebGL及ES6等,但支持WebAssembly的较少,目前只有火狐Firefox、谷歌Chrome、欧朋Opera、Microsoft Edge、遨游等浏览器。

HTML5:
钢琴弹奏
键盘钢琴弹奏
简化简谱播放
文字转换为音乐
图片转换为音乐
本地图片浏览
本地音频播放
显示音频频谱
两本地音频混音
本地视频播放并截图
Canvas:
鼠标涂鸦板
递归画树
等角螺线
阿基米德螺线
静与动
Levy C分形曲线
Sierpinski三角形
正方形分形
Koch雪花曲线
迭代回转体
迭代环形体
迭代花瓣形
迭代渔网形
迭代羽毛图
迭代函数分形
脑分形
三焦点曲线
四焦点曲线
sin(x*x)+sin(y*y)=1
sin(x*siny)=cos(y*cosx)
sin(sin(x(sin(y)-cos(x)))) = cos(cos(y(cos(y)-sin(x)))))
基本动画:
单摆的运动
三个球的撞击
移动与旋转
很多旋转的小球
粒子流
勒洛三角形
十字的旋转
矩形的旋转
圈圈
同心圆
条纹
等角螺线
画圈
星形条纹
匀速与跳动
物理引擎:
牛顿摆
5个球的撞击
弧形排列球的撞击
锐角排列球的撞击

数据显示:
2017年各省GDP柱状图
2018年各省用电量柱状图
各省区GDP变化柱状图
海南GDP变化柱状图
智能手机系统占有率
2017年各省GDP对比
全球十大科技公司
中国人口最多的姓氏
正态分布曲线
油价变化指示
油价变化曲线
3D线图绘制
3D表面图绘制
高斯曲线
D3数据显示:
CCS十六色相环
PCCS二十四色相环
元素周期表
智能手机市场占有率
里约奥运会奖牌榜
里约奥运会奖牌矩阵图
平昌冬奥会奖牌榜
平昌冬奥会奖牌矩阵图
中国省级数据柱状图
中国省级数据气泡图
各省主要城市气泡图
海南省行政区划图
海南省行政区划环图
海南行政区划分区图
海南行政区划圆分区图
海南GDP变化横柱图
海南景点集群图
广西行政区划图
广西景点集群图
云南行政区划图
圆周率π的弦图
随机数生成的Voronoi地图
地图数据显示:
中国省级区划
中国主要城市分布图
中国各省级GDP
中国各省级数据
中国分省地图
国内GDP热力图
海洋地图
世界地图
海南行政区划地图
海南人口及GDP数据
海南GDP热力图
广西行政区划地图
广西人口及GDP数据
广西GDP热力图
云南行政区划地图
云南GDP数据
云南GDP热力图
海口城区电子地图
海南省地形图
海南地图热力图
自定义区域地图
图像处理:
拾取图片色彩
图片艺术化效果
图像的镜像
图像的旋转
镜头畸变校正
图片RGB三基色调整
亮度饱和度调整
图片色彩替换
图片Lab模式调整
图片CMYK模式调整
图片YUV模式调整
白云苍狗
手动转换为白云
直方图均衡化
图片背景变透明
图片边缘提取
图片二值化处理
自动阈值二值化
转变为字符图像
两张图片融合转换
人像常用处理方法
照片与背景合成
照片九宫格切分
图文卡片制作
图像小波变换
添加搜寻LSB水印
图像简易抠图

WebGL:
RGB颜色模型
HSI颜色模型
HSI颜色圆柱
锥筒贴图
锥筒条纹
锥筒彩纹
圆筒贴图
圆筒条纹
圆筒彩纹
圆台筒贴图
圆台筒彩纹
抛物面贴图
抛物面色彩
双曲面贴图
双曲面色彩
HSI喇叭筒
喇叭内贴图
喇叭内条纹
喇叭内彩纹
RGB矩形框
矩形内贴图
矩形内条纹
矩形内彩纹
彩色方喇叭
星球贴图
星球深度纹理
椭球贴图
彩色陀螺
ThreeJS:
显示物质的分子结构
常见物质的分子结构
3D球体的撞击
3D球体的摆动
弧形排列台球碰撞
锐角排列台球碰撞
圈圈
球面彩条
条纹绳结
HSL条纹绳结
跷跷板
其他3D库:
星球
中国区域地形图
广西行政区划图
球场上的物体
手持终端:
手机贪吃蛇
手机俄罗斯方块
心形

心碎
WebAssembly:
CORDIC计算三角函数
CORDIC计算模与幅角
CORDIC的多种计算
复数的四则运算
复数的多种运算
朱利亚集合
曼德布洛特集
三次朱利亚集合
复数函数幅角
复数函数模值
复数函数递归