# miniscene

**Repository Path**: cs2019/MINISCENE

## Basic Information

- **Project Name**: miniscene
- **Description**: H5场景制作平台“MINISCENE”
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 24
- **Created**: 2019-05-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p><strong>项目说明</strong></p>
<ul>
    <li>项目采用Html5、CSS3、MUI、AngularJS以及HTML5+规范开发的一款H5场景制作平台；</li>
    <li>平台力求简单，提供丰富的素材，可一键生成H5场景，实现场景编辑，实现场景分享。</li>
</ul>
<p><strong>项目特点</strong></p>
<ul>
    <li>H5场景的制作：包括添加文字、上传图片、添加背景、添加音乐、文字和图片可以随意移动和修改大小；</li>
    <li>积分机制：包括积分兑换场景、用户DIY场景上传平台赚取积分；</li>
    <li>会员机制：会员每月限定次数兑换积分模板；</li>
    <li>素材丰富：平台通过爬虫技术抓取丰富的音乐素材。</li>   
</ul>
<p><strong>参考文档</strong></p>
<ul>
    <li>UI组件MUI：<a href="http://dev.dcloud.net.cn/mui/ui/">http://dev.dcloud.net.cn/mui/ui/</a></li>
    <li>HTML5+：<a href="http://www.html5plus.org/doc/h5p.html">http://www.html5plus.org/doc/h5p.html</a></li>
    <li>AngularJS：<a href="http://www.runoob.com/angularjs/angularjs-tutorial.html">http://www.runoob.com/angularjs/angularjs-tutorial.html</a></li>
    <li>滑动组件swiper：<a href="http://www.swiper.com.cn/">http://www.swiper.com.cn/</a></li>   
    <li>屏幕截屏插件html2canvas：<a href="http://html2canvas.hertzen.com/">http://html2canvas.hertzen.com</a></li>
    <li>图片裁剪插件cropper：<a href="https://github.com/fengyuanchen/cropper">https://github.com/fengyuanchen/cropper</a></li>
    <li>阿里巴巴图标库iconfont：<a href="http://www.iconfont.cn/">http://www.iconfont.cn/</a></li>
</ul>
<p><strong>运行效果（部分）：</strong></p>
<img width="23%" src="https://gitee.com/uploads/images/2018/0410/210323_f71fa5bc_1196576.png"/>
<img width="23%" src="https://gitee.com/uploads/images/2018/0410/211017_8b364bb1_1196576.png"/>
<img width="23%" src="https://gitee.com/uploads/images/2018/0410/211025_bdf2afa8_1196576.png"/>
<img width="23%" src="https://gitee.com/uploads/images/2018/0410/211258_3f6f88ae_1196576.png"/>
<img width="23%" src="https://gitee.com/uploads/images/2018/0410/211723_2ebcd186_1196576.png"/>
<img width="23%" src="https://gitee.com/uploads/images/2018/0410/211316_d3bc0242_1196576.png"/>
<img width="23%" src="https://gitee.com/uploads/images/2018/0410/211532_b719f101_1196576.png"/>

<p><strong>后端代码</strong></p>
<ul>
    <li>SCENE：<a href="https://gitee.com/hsfeng/scene">https://gitee.com/hsfeng/scene</a></li>
</ul>