All Projects → wangrongding → frontend-park

wangrongding / frontend-park

Licence: other
哈喽大家好~我是荣顶!这是一个有趣的前端趣味知识公园~该项目是我平时捣鼓前端相关技术的一些案例集合。

Programming Languages

Vue
7211 projects
typescript
32286 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to frontend-park

Hidden-Eye
Hide data into Picture
Stars: ✭ 39 (-40.91%)
Mutual labels:  steganography
spot-the-bot
A cooperative WebVR game by Hook Studios. Checkout other WebVR experiments at https://webvrexperiments.com
Stars: ✭ 17 (-74.24%)
Mutual labels:  threejs
PyTorch-Deep-Image-Steganography
A PyTorch implementation of image steganography utilizing deep convolutional neural networks
Stars: ✭ 71 (+7.58%)
Mutual labels:  steganography
origami
Origami Building in threejs
Stars: ✭ 29 (-56.06%)
Mutual labels:  threejs
CarDrivingResNet
🚗 Browser game where a vehicle is driven through the camera using the ResNet model (Residual Network) to estimate the position of the hands.
Stars: ✭ 19 (-71.21%)
Mutual labels:  tensorflowjs
zeo
Multiplayer WebVR worlds made out of npm modules.
Stars: ✭ 47 (-28.79%)
Mutual labels:  threejs
enjoytheshow
Real-time facial expression gathering
Stars: ✭ 32 (-51.52%)
Mutual labels:  tensorflowjs
dark-mode-clap-extension
Chrome extension to toggle dark mode on Netlify by clapping hands 👏
Stars: ✭ 82 (+24.24%)
Mutual labels:  tensorflowjs
three-stdlib
📚 Stand-alone library of threejs examples designed to run without transpilation in node & browser
Stars: ✭ 380 (+475.76%)
Mutual labels:  threejs
blockcraft-public
BlockCraft is a WebGL implementation of an infinite procedurally-generated voxel world that runs on the browser. This project originally spawned as a Minecraft Classic clone but has expanded to include multiplayer PvP, crafting, shaders and much more!
Stars: ✭ 22 (-66.67%)
Mutual labels:  threejs
Manim.three.js
A web compatible html5 canvas based mathematical rendering engine like the manim by 3b1b
Stars: ✭ 14 (-78.79%)
Mutual labels:  threejs
ARFaceFilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
Stars: ✭ 72 (+9.09%)
Mutual labels:  threejs
PolyDraw
✳️ PTSource PolyDraw is a free 3D polygonal modeller for Windows x86 and x64, for creating or modifying 3D objects using a mesh of 3D points and parametric NURBS Curves .Exports and imports to over 40 formats including WebVR and 3D Printing.
Stars: ✭ 17 (-74.24%)
Mutual labels:  threejs
bf-3
my personal site, bf.wtf version 3
Stars: ✭ 58 (-12.12%)
Mutual labels:  threejs
cuber
优美而强大的网页魔方
Stars: ✭ 32 (-51.52%)
Mutual labels:  threejs
ThreeNetwork
Network sync library for Three.js
Stars: ✭ 64 (-3.03%)
Mutual labels:  threejs
TouchControls
This is a three.js controller which supports touch events and hit-testing.
Stars: ✭ 43 (-34.85%)
Mutual labels:  threejs
building-editor
3D model editor for building/architecture
Stars: ✭ 24 (-63.64%)
Mutual labels:  threejs
detect-gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Stars: ✭ 749 (+1034.85%)
Mutual labels:  threejs
gl-bench
⏱ WebGL performance monitor with CPU/GPU load.
Stars: ✭ 146 (+121.21%)
Mutual labels:  threejs

frontent-park

一个有趣的前端趣味知识公园~
该项目是我平时捣鼓的一些好玩的前端知识案例集合,喜欢的小伙伴也可以自己 fork 到仓库后随意玩耍

开发

安装依赖

yarn

需要注意的是

由于该仓库有一些依赖包,依赖了二进制文件

如果遇到 node-pre-gyp ERR! gyp ERR!等问题,按照下面的方法解决

# 在node-gyp之前安装 (windows用户在powershell(管理员身份)中安装)
npm install -g --production windows-build-tools

# 全局安装node-gyp
npm install -g node-gyp

如果仍然不行,检查本地是否安装了 Python,没有则安装 👉 官方地址

本地运行

yarn dev

打包

yarn build

格式化代码并执行 eslint 校验

yarn fal

我的博客

所有示例的具体实现和技术说明,在我的博客中都有对应的文章

博客地址

包含项目

ThreeJs

隐写术

文本隐写

图片隐写

未完待续!

  • 文本隐写
  • 图片隐写
  • 音频隐写
  • 视频隐写

千图成像

(未完成的功能不影响现在项目的使用,只是一些优化的部分)

  • 目标图生成(基本功能) -- 完成
  • 自定义分布方式 -- 待完成
  • 自定义按比例调整 -- 待完成
  • 自定义方向/比例 -- 待完成
  • 自定义贴片高度 -- 待完成
  • 自定义贴片宽度 -- 待完成
  • 资源图片的连续重复控制 -- 待完成

机器学习(基于 tensorFlow.js 的前端实现)

该示例正在捣鼓中...

WebRTC 音视频协同

该示例正在捣鼓中...
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].