{"id":13670959,"url":"https://github.com/akira-cn/graphics","last_synced_at":"2025-04-04T17:09:39.946Z","repository":{"id":45698050,"uuid":"235056585","full_name":"akira-cn/graphics","owner":"akira-cn","description":"一些图形系统相关的小例子","archived":false,"fork":false,"pushed_at":"2022-10-12T07:27:57.000Z","size":10640,"stargazers_count":542,"open_issues_count":0,"forks_count":212,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-28T16:09:53.504Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akira-cn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-01-20T08:49:03.000Z","updated_at":"2025-02-21T08:23:50.000Z","dependencies_parsed_at":"2022-08-12T12:00:56.992Z","dependency_job_id":null,"html_url":"https://github.com/akira-cn/graphics","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira-cn%2Fgraphics","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira-cn%2Fgraphics/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira-cn%2Fgraphics/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira-cn%2Fgraphics/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akira-cn","download_url":"https://codeload.github.com/akira-cn/graphics/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247217221,"owners_count":20903009,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T09:00:54.354Z","updated_at":"2025-04-04T17:09:39.929Z","avatar_url":"https://github.com/akira-cn.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# 一些图形系统相关的小例子\n\nhttps://akira-cn.github.io/graphics/\n\n## 3D基础\n\n- [立方体](https://akira-cn.github.io/graphics/3d-basic/cube.html)\n- [圆柱](https://akira-cn.github.io/graphics/3d-basic/cylinder.html)\n\n## 3D相机\n\n- [圆柱裁切](https://akira-cn.github.io/graphics/3d-camera/cylinder-clip.html)\n- [正交相机](https://akira-cn.github.io/graphics/3d-camera/cylinder-ortho.html)\n- [透视相机](https://akira-cn.github.io/graphics/3d-camera/cylinder-perspective.html)\n- [圆柱](https://akira-cn.github.io/graphics/3d-camera/cylinder.html)\n- [使用Ogl](https://akira-cn.github.io/graphics/3d-camera/ogl-basic.html)\n\n## 3D模型矩阵\n\n- [轴角](https://akira-cn.github.io/graphics/3d-model/axis-angle.html)\n- [欧拉角](https://akira-cn.github.io/graphics/3d-model/euler-angle.html)\n\n## 动画\n\n- [增量动画](https://akira-cn.github.io/graphics/animate/animate_delta.html)\n- [时间动画](https://akira-cn.github.io/graphics/animate/animate_time.html)\n- [动画封装](https://akira-cn.github.io/graphics/animate/animator.html)\n- [帧动画](https://akira-cn.github.io/graphics/animate/frame_animate.html)\n- [css贝塞尔](https://akira-cn.github.io/graphics/animate/lerp-bezier-css.html)\n- [js贝塞尔](https://akira-cn.github.io/graphics/animate/lerp-bezier.html)\n\n## webgl动画\n\n- [bezier easing](https://akira-cn.github.io/graphics/animate_webgl/bezier_easing.html)\n- [网格动画](https://akira-cn.github.io/graphics/animate_webgl/cellular-animation.html)\n- [片元着色器旋转](https://akira-cn.github.io/graphics/animate_webgl/fragment_rotation_animator.html)\n- [片元着色器旋转](https://akira-cn.github.io/graphics/animate_webgl/fragment_rotation_animator2.html)\n- [帧动画](https://akira-cn.github.io/graphics/animate_webgl/frame_animate.html)\n- [补间easing](https://akira-cn.github.io/graphics/animate_webgl/lerp_easing.html)\n- [补间动画](https://akira-cn.github.io/graphics/animate_webgl/lerp.html)\n- [粒子动画](https://akira-cn.github.io/graphics/animate_webgl/particle.html)\n- [顶点移动动画](https://akira-cn.github.io/graphics/animate_webgl/vertex_move_animator.html)\n- [顶点移动easing](https://akira-cn.github.io/graphics/animate_webgl/vertex_move_easing.html)\n- [顶点旋转动画](https://akira-cn.github.io/graphics/animate_webgl/vertex_rotation_animator.html)\n- [顶点旋转](https://akira-cn.github.io/graphics/animate_webgl/vertex_rotation.html)\n\n## 贝塞尔\n\n- [3阶贝塞尔曲线](https://akira-cn.github.io/graphics/bezier/cubic.html)\n- [2阶贝塞尔曲线](https://akira-cn.github.io/graphics/bezier/quadratic.html)\n\n## canvas\n\n- [基础](https://akira-cn.github.io/graphics/canvas/basic/index.html)\n- [层次结构图](https://akira-cn.github.io/graphics/canvas/hierarchy/index.html)\n\n## 颜色\n\n- [color-cubehelix](https://akira-cn.github.io/graphics/color-hints/color-cubehelix.html)\n- [color-hints-hsl](https://akira-cn.github.io/graphics/color-hints/color-hints-hsl.html)\n- [color-hints-rgb](https://akira-cn.github.io/graphics/color-hints/color-hints-rgb.html)\n- [color-hsl-problem](https://akira-cn.github.io/graphics/color-hints/color-hsl-problem.html)\n- [color-lab](https://akira-cn.github.io/graphics/color-hints/color-lab.html)\n\n## covid 可视化\n\n- [covid-动态](https://akira-cn.github.io/graphics/covid-vis/covid-dynamic.html)\n- [covid-静态](https://akira-cn.github.io/graphics/covid-vis/covid-static.html)\n- [墨卡托-topojson](https://akira-cn.github.io/graphics/covid-vis/mercator-topojson.html)\n- [墨卡托](https://akira-cn.github.io/graphics/covid-vis/mercator.html)\n\n## 坐标系\n\n- [坐标变换](https://akira-cn.github.io/graphics/coordinates/index.html)\n\n## 数据图表-css\n\n- [面积图](https://akira-cn.github.io/graphics/data-graph-css/areagraph.html)\n- [柱状图](https://akira-cn.github.io/graphics/data-graph-css/bargraph.html)\n- [折线图](https://akira-cn.github.io/graphics/data-graph-css/linegraph.html)\n- [饼图](https://akira-cn.github.io/graphics/data-graph-css/piegraph.html)\n\n## 数据图表里-svg\n\n- [柱状图](https://akira-cn.github.io/graphics/data-graph-svg/bargraph.html)\n\n## Github贡献图表\n\n- [3D柱状图](https://akira-cn.github.io/graphics/github-contributions/index.html)\n\n## GPU抽奖\n\n- [webgl抽奖](https://akira-cn.github.io/graphics/gl-raffle/index.html)\n\n## 光照\n\n- [环境光](https://akira-cn.github.io/graphics/lights/ambient-light.html)\n- [平行光](https://akira-cn.github.io/graphics/lights/directional-light.html)\n- [Phong光照](https://akira-cn.github.io/graphics/lights/phong.html)\n- [点光源](https://akira-cn.github.io/graphics/lights/point-light.html)\n- [镜面高光](https://akira-cn.github.io/graphics/lights/specular.html)\n- [聚光灯](https://akira-cn.github.io/graphics/lights/spot-light.html)\n\n## 噪声\n\n- [基础噪声](https://akira-cn.github.io/graphics/noise/basic.html)\n- [网格噪声](https://akira-cn.github.io/graphics/noise/cellular-noise.html)\n- [云雾](https://akira-cn.github.io/graphics/noise/clouds.html)\n- [阶梯噪声](https://akira-cn.github.io/graphics/noise/gradient-noise.html)\n- [线](https://akira-cn.github.io/graphics/noise/noise-lines.html)\n- [距离场](https://akira-cn.github.io/graphics/noise/noise-sdf.html)\n- [天空](https://akira-cn.github.io/graphics/noise/noise-sky.html)\n- [二维噪声](https://akira-cn.github.io/graphics/noise/noise2d.html)\n- [simplex](https://akira-cn.github.io/graphics/noise/simplex-noise.html)\n\n## 法线贴图\n\n- [立方体](https://akira-cn.github.io/graphics/normal-maps/cube.html)\n- [岩石](https://akira-cn.github.io/graphics/normal-maps/rock.html)\n\n## 参数方程\n\n- [参数方程一](https://akira-cn.github.io/graphics/parametric/index.html)\n- [参数方程二](https://akira-cn.github.io/graphics/parametric2/index.html)\n- [极坐标](https://akira-cn.github.io/graphics/parametric-polar/index.html)\n\n## 后期处理\n\n- [辉光](https://akira-cn.github.io/graphics/pass/bloom.html)\n- [模糊](https://akira-cn.github.io/graphics/pass/blur.html)\n- [烟雾](https://akira-cn.github.io/graphics/pass/smoke.html)\n\n## 像素处理\n\n- [美颜](https://akira-cn.github.io/graphics/pixels/index4.html)\n- [纹理合成一](https://akira-cn.github.io/graphics/pixels/index5.html)\n- [纹理合成二](https://akira-cn.github.io/graphics/pixels/index6.html)\n- [纹理合成三](https://akira-cn.github.io/graphics/pixels/index7.html)\n\n## 像素处理——着色器\n\n- [组合](https://akira-cn.github.io/graphics/pixels-shader/combine.html)\n- [粒子](https://akira-cn.github.io/graphics/pixels-shader/particle.html)\n- [纹理颜色变换](https://akira-cn.github.io/graphics/pixels-shader/texture.html)\n\n## 极坐标——着色器\n\n- [花瓣](https://akira-cn.github.io/graphics/polar-shader/bud.html)\n- [圆](https://akira-cn.github.io/graphics/polar-shader/circle.html)\n- [葫芦](https://akira-cn.github.io/graphics/polar-shader/clover.html)\n- [径向](https://akira-cn.github.io/graphics/polar-shader/conic.html)\n- [hsv色轮](https://akira-cn.github.io/graphics/polar-shader/hsvwheel.html)\n- [玫瑰瓣](https://akira-cn.github.io/graphics/polar-shader/rose.html)\n- [玫瑰瓣2](https://akira-cn.github.io/graphics/polar-shader/rose2.html)\n\n## 多边形填充\n\n- [2D多边形填充](https://akira-cn.github.io/graphics/polygon-fill/fill-canvas2d.html)\n\n## 多边形-曲线\n\n- [2D曲线](https://akira-cn.github.io/graphics/polyline-curve/canvas2d.html)\n- [挤压曲线](https://akira-cn.github.io/graphics/polyline-curve/webgl-lines-extrude.html)\n\n## 重复与随机\n\n- [网格](https://akira-cn.github.io/graphics/repeat-and-random/grids.html)\n- [Mandelbrot集](https://akira-cn.github.io/graphics/repeat-and-random/mandelbrot.html)\n- [迷宫](https://akira-cn.github.io/graphics/repeat-and-random/maze.html)\n- [随机一](https://akira-cn.github.io/graphics/repeat-and-random/random.html)\n- [随机二](https://akira-cn.github.io/graphics/repeat-and-random/random2.html)\n\n## 造型函数\n\n- [基础](https://akira-cn.github.io/graphics/shaping-functions/basic.html)\n- [粒子圆效果](https://akira-cn.github.io/graphics/shaping-functions/circle_particle.html)\n- [圆轨迹重复](https://akira-cn.github.io/graphics/shaping-functions/circle-repeat.html)\n- [剪裁区域](https://akira-cn.github.io/graphics/shaping-functions/clip.html)\n- [直线-鼠标操作](https://akira-cn.github.io/graphics/shaping-functions/line-mouse.html)\n- [直线-重复](https://akira-cn.github.io/graphics/shaping-functions/line-repeat.html)\n- [直线](https://akira-cn.github.io/graphics/shaping-functions/line.html)\n- [线段-鼠标操作](https://akira-cn.github.io/graphics/shaping-functions/lineseg-mouse.html)\n- [圆形进度条](https://akira-cn.github.io/graphics/shaping-functions/progress.html)\n- [重复三角形](https://akira-cn.github.io/graphics/shaping-functions/triangle-repeat.html)\n- [三角形](https://akira-cn.github.io/graphics/shaping-functions/triangles.html)\n\n## SVG\n\n- [基础](https://akira-cn.github.io/graphics/svg/basic/index.html)\n- [层次结构图](https://akira-cn.github.io/graphics/svg/hierarchy/index.html)\n\n## 三角剖分\n\n- [多边形2D-碰撞检测](https://akira-cn.github.io/graphics/triangluations/polygon2d-collision.html)\n- [多边形2D](https://akira-cn.github.io/graphics/triangluations/polygon2d.html)\n- [多边形-三角剖分](https://akira-cn.github.io/graphics/triangluations/trianglu-polygon.html)\n\n## 矢量绘制\n\n- [矢量绘制多边形](https://akira-cn.github.io/graphics/vector_draw/index.html)\n\n## 矢量画树\n\n- [矢量画树](https://akira-cn.github.io/graphics/vector_tree/index.html)\n\n## WegGL基础\n\n- [Hello world](https://akira-cn.github.io/graphics/webgl/hello_world.html)\n\n## WebGL粒子\n\n- [粒子效果](https://akira-cn.github.io/graphics/webgl_particles/index.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakira-cn%2Fgraphics","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakira-cn%2Fgraphics","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakira-cn%2Fgraphics/lists"}