实例介绍
【实例简介】
scrach3.0,用来搭建scrach3.0环境,Scratch is a project of the Lifelong Kindergarten Group at the MIT Media Lab. It is provided free of charge.
【实例截图】
【核心代码】
scratch3.0官方源码
└── scratch-gui-develop
├── LICENSE
├── README.md
├── TRADEMARK
├── package.json
├── scripts
│ └── build-i18n-source.js
├── src
│ ├── components
│ │ ├── asset-panel
│ │ │ ├── asset-panel.css
│ │ │ ├── asset-panel.jsx
│ │ │ ├── icon--add-costume-lib.svg
│ │ │ ├── icon--add-sound-lib.svg
│ │ │ ├── icon--add-sound-record.svg
│ │ │ ├── icon--sound.svg
│ │ │ ├── selector.css
│ │ │ └── selector.jsx
│ │ ├── audio-trimmer
│ │ │ ├── audio-trimmer.css
│ │ │ ├── audio-trimmer.jsx
│ │ │ └── icon--handle.svg
│ │ ├── blocks
│ │ │ ├── blocks.css
│ │ │ └── blocks.jsx
│ │ ├── box
│ │ │ ├── box.css
│ │ │ └── box.jsx
│ │ ├── button
│ │ │ ├── button.css
│ │ │ └── button.jsx
│ │ ├── close-button
│ │ │ ├── close-button.css
│ │ │ ├── close-button.jsx
│ │ │ └── icon--close.svg
│ │ ├── context-menu
│ │ │ ├── context-menu.css
│ │ │ └── context-menu.jsx
│ │ ├── controls
│ │ │ ├── controls.css
│ │ │ └── controls.jsx
│ │ ├── costume-canvas
│ │ │ └── costume-canvas.jsx
│ │ ├── filter
│ │ │ ├── filter.css
│ │ │ ├── filter.jsx
│ │ │ ├── icon--filter.svg
│ │ │ └── icon--x.svg
│ │ ├── forms
│ │ │ ├── buffered-input-hoc.jsx
│ │ │ ├── input.css
│ │ │ ├── input.jsx
│ │ │ ├── label.css
│ │ │ └── label.jsx
│ │ ├── green-flag
│ │ │ ├── green-flag.css
│ │ │ ├── green-flag.jsx
│ │ │ └── icon--green-flag.svg
│ │ ├── gui
│ │ │ ├── gui.css
│ │ │ ├── gui.jsx
│ │ │ └── icon--extensions.svg
│ │ ├── icon-button
│ │ │ ├── icon-button.css
│ │ │ └── icon-button.jsx
│ │ ├── language-selector
│ │ │ ├── language-icon.svg
│ │ │ ├── language-selector.css
│ │ │ └── language-selector.jsx
│ │ ├── library
│ │ │ ├── library.css
│ │ │ └── library.jsx
│ │ ├── library-item
│ │ │ ├── library-item.css
│ │ │ └── library-item.jsx
│ │ ├── load-button
│ │ │ ├── load-button.css
│ │ │ └── load-button.jsx
│ │ ├── loupe
│ │ │ ├── loupe.css
│ │ │ └── loupe.jsx
│ │ ├── menu-bar
│ │ │ ├── menu-bar.css
│ │ │ ├── menu-bar.jsx
│ │ │ └── scratch-logo.svg
│ │ ├── meter
│ │ │ ├── meter.css
│ │ │ └── meter.jsx
│ │ ├── modal
│ │ │ ├── modal.css
│ │ │ └── modal.jsx
│ │ ├── monitor
│ │ │ ├── monitor.css
│ │ │ └── monitor.jsx
│ │ ├── monitor-list
│ │ │ ├── monitor-list.css
│ │ │ └── monitor-list.jsx
│ │ ├── prompt
│ │ │ ├── prompt.css
│ │ │ └── prompt.jsx
│ │ ├── record-modal
│ │ │ ├── icon--back.svg
│ │ │ ├── icon--play.svg
│ │ │ ├── icon--stop-playback.svg
│ │ │ ├── icon--stop-recording.svg
│ │ │ ├── playback-step.jsx
│ │ │ ├── record-modal.css
│ │ │ ├── record-modal.jsx
│ │ │ └── recording-step.jsx
│ │ ├── sound-editor
│ │ │ ├── icon--echo.svg
│ │ │ ├── icon--higher.svg
│ │ │ ├── icon--louder.svg
│ │ │ ├── icon--lower.svg
│ │ │ ├── icon--redo.svg
│ │ │ ├── icon--reverse.svg
│ │ │ ├── icon--robot.svg
│ │ │ ├── icon--softer.svg
│ │ │ ├── icon--trim.svg
│ │ │ ├── icon--undo.svg
│ │ │ ├── sound-editor.css
│ │ │ └── sound-editor.jsx
│ │ ├── sprite-info
│ │ │ ├── icon--draggable-off.svg
│ │ │ ├── icon--draggable-on.svg
│ │ │ ├── icon--hide.svg
│ │ │ ├── icon--show.svg
│ │ │ ├── icon--x.svg
│ │ │ ├── icon--y.svg
│ │ │ ├── sprite-info.css
│ │ │ └── sprite-info.jsx
│ │ ├── sprite-selector
│ │ │ ├── icon--sprite.svg
│ │ │ ├── sprite-selector.css
│ │ │ └── sprite-selector.jsx
│ │ ├── sprite-selector-item
│ │ │ ├── sprite-selector-item.css
│ │ │ └── sprite-selector-item.jsx
│ │ ├── stage
│ │ │ ├── stage.css
│ │ │ └── stage.jsx
│ │ ├── stage-selector
│ │ │ ├── icon--backdrop.svg
│ │ │ ├── stage-selector.css
│ │ │ └── stage-selector.jsx
│ │ ├── stop-all
│ │ │ ├── icon--stop-all.svg
│ │ │ ├── stop-all.css
│ │ │ └── stop-all.jsx
│ │ ├── target-pane
│ │ │ ├── target-pane.css
│ │ │ └── target-pane.jsx
│ │ ├── turbo-mode
│ │ │ ├── icon--turbo.svg
│ │ │ ├── turbo-mode.css
│ │ │ └── turbo-mode.jsx
│ │ └── waveform
│ │ ├── waveform.css
│ │ └── waveform.jsx
│ ├── containers
│ │ ├── audio-trimmer.jsx
│ │ ├── backdrop-library.jsx
│ │ ├── blocks.jsx
│ │ ├── controls.jsx
│ │ ├── costume-library.jsx
│ │ ├── costume-tab.jsx
│ │ ├── extension-library.jsx
│ │ ├── green-flag.jsx
│ │ ├── gui.jsx
│ │ ├── language-selector.jsx
│ │ ├── load-button.jsx
│ │ ├── monitor-list.jsx
│ │ ├── monitor.jsx
│ │ ├── paint-editor-wrapper.jsx
│ │ ├── playback-step.jsx
│ │ ├── prompt.jsx
│ │ ├── record-modal.jsx
│ │ ├── recording-step.jsx
│ │ ├── save-button.jsx
│ │ ├── sound-editor.jsx
│ │ ├── sound-library.jsx
│ │ ├── sound-tab.jsx
│ │ ├── sprite-info.jsx
│ │ ├── sprite-library.jsx
│ │ ├── sprite-selector-item.jsx
│ │ ├── stage-selector.jsx
│ │ ├── stage.jsx
│ │ ├── stop-all.jsx
│ │ └── target-pane.jsx
│ ├── css
│ │ ├── colors.css
│ │ └── units.css
│ ├── examples
│ │ ├── blocks-only.css
│ │ ├── blocks-only.jsx
│ │ ├── extensions
│ │ │ └── example-extension.js
│ │ ├── player.css
│ │ └── player.jsx
│ ├── index.css
│ ├── index.ejs
│ ├── index.jsx
│ ├── lib
│ │ ├── app-state-hoc.jsx
│ │ ├── audio
│ │ │ ├── audio-buffer-player.js
│ │ │ ├── audio-effects.js
│ │ │ ├── audio-recorder.js
│ │ │ ├── audio-util.js
│ │ │ ├── effects
│ │ │ │ ├── echo-effect.js
│ │ │ │ ├── robot-effect.js
│ │ │ │ └── volume-effect.js
│ │ │ └── shared-audio-context.js
│ │ ├── blocks.js
│ │ ├── empty-project.json
│ │ ├── layout-constants.js
│ │ ├── libraries
│ │ │ ├── backdrops.json
│ │ │ ├── costumes.json
│ │ │ ├── extensions.json
│ │ │ ├── sounds.json
│ │ │ └── sprites.json
│ │ ├── log.js
│ │ ├── make-toolbox-xml.js
│ │ ├── monitor-adapter.js
│ │ ├── opcode-labels.js
│ │ ├── project-loader-hoc.jsx
│ │ ├── storage.js
│ │ ├── touch-utils.js
│ │ └── vm-listener-hoc.jsx
│ ├── reducers
│ │ ├── color-picker.js
│ │ ├── gui.js
│ │ ├── intl.js
│ │ ├── modals.js
│ │ ├── monitors.js
│ │ ├── targets.js
│ │ ├── toolbox.js
│ │ └── vm.js
│ └── test.js
├── test
│ ├── __mocks__
│ │ ├── audio-buffer-player.js
│ │ ├── audio-effects.js
│ │ ├── fileMock.js
│ │ └── styleMock.js
│ ├── helpers
│ │ ├── enzyme-setup.js
│ │ ├── intl-helpers.jsx
│ │ └── selenium-helper.js
│ ├── integration
│ │ ├── examples.test.js
│ │ └── test.js
│ └── unit
│ ├── components
│ │ ├── __snapshots__
│ │ │ ├── button.test.jsx.snap
│ │ │ ├── icon-button.test.jsx.snap
│ │ │ ├── sound-editor.test.jsx.snap
│ │ │ └── sprite-selector-item.test.jsx.snap
│ │ ├── button.test.jsx
│ │ ├── controls.test.jsx
│ │ ├── icon-button.test.jsx
│ │ ├── sound-editor.test.jsx
│ │ └── sprite-selector-item.test.jsx
│ ├── containers
│ │ ├── __snapshots__
│ │ │ └── green-flag.test.jsx.snap
│ │ ├── green-flag.test.jsx
│ │ ├── sound-editor.test.jsx
│ │ └── sprite-selector-item.test.jsx
│ └── util
│ ├── audio-effects.test.js
│ ├── audio-util.test.js
│ └── project-loader-hoc.test.jsx
└── webpack.config.js
59 directories, 218 files
scrach3.0,用来搭建scrach3.0环境,Scratch is a project of the Lifelong Kindergarten Group at the MIT Media Lab. It is provided free of charge.
【实例截图】
【核心代码】
scratch3.0官方源码
└── scratch-gui-develop
├── LICENSE
├── README.md
├── TRADEMARK
├── package.json
├── scripts
│ └── build-i18n-source.js
├── src
│ ├── components
│ │ ├── asset-panel
│ │ │ ├── asset-panel.css
│ │ │ ├── asset-panel.jsx
│ │ │ ├── icon--add-costume-lib.svg
│ │ │ ├── icon--add-sound-lib.svg
│ │ │ ├── icon--add-sound-record.svg
│ │ │ ├── icon--sound.svg
│ │ │ ├── selector.css
│ │ │ └── selector.jsx
│ │ ├── audio-trimmer
│ │ │ ├── audio-trimmer.css
│ │ │ ├── audio-trimmer.jsx
│ │ │ └── icon--handle.svg
│ │ ├── blocks
│ │ │ ├── blocks.css
│ │ │ └── blocks.jsx
│ │ ├── box
│ │ │ ├── box.css
│ │ │ └── box.jsx
│ │ ├── button
│ │ │ ├── button.css
│ │ │ └── button.jsx
│ │ ├── close-button
│ │ │ ├── close-button.css
│ │ │ ├── close-button.jsx
│ │ │ └── icon--close.svg
│ │ ├── context-menu
│ │ │ ├── context-menu.css
│ │ │ └── context-menu.jsx
│ │ ├── controls
│ │ │ ├── controls.css
│ │ │ └── controls.jsx
│ │ ├── costume-canvas
│ │ │ └── costume-canvas.jsx
│ │ ├── filter
│ │ │ ├── filter.css
│ │ │ ├── filter.jsx
│ │ │ ├── icon--filter.svg
│ │ │ └── icon--x.svg
│ │ ├── forms
│ │ │ ├── buffered-input-hoc.jsx
│ │ │ ├── input.css
│ │ │ ├── input.jsx
│ │ │ ├── label.css
│ │ │ └── label.jsx
│ │ ├── green-flag
│ │ │ ├── green-flag.css
│ │ │ ├── green-flag.jsx
│ │ │ └── icon--green-flag.svg
│ │ ├── gui
│ │ │ ├── gui.css
│ │ │ ├── gui.jsx
│ │ │ └── icon--extensions.svg
│ │ ├── icon-button
│ │ │ ├── icon-button.css
│ │ │ └── icon-button.jsx
│ │ ├── language-selector
│ │ │ ├── language-icon.svg
│ │ │ ├── language-selector.css
│ │ │ └── language-selector.jsx
│ │ ├── library
│ │ │ ├── library.css
│ │ │ └── library.jsx
│ │ ├── library-item
│ │ │ ├── library-item.css
│ │ │ └── library-item.jsx
│ │ ├── load-button
│ │ │ ├── load-button.css
│ │ │ └── load-button.jsx
│ │ ├── loupe
│ │ │ ├── loupe.css
│ │ │ └── loupe.jsx
│ │ ├── menu-bar
│ │ │ ├── menu-bar.css
│ │ │ ├── menu-bar.jsx
│ │ │ └── scratch-logo.svg
│ │ ├── meter
│ │ │ ├── meter.css
│ │ │ └── meter.jsx
│ │ ├── modal
│ │ │ ├── modal.css
│ │ │ └── modal.jsx
│ │ ├── monitor
│ │ │ ├── monitor.css
│ │ │ └── monitor.jsx
│ │ ├── monitor-list
│ │ │ ├── monitor-list.css
│ │ │ └── monitor-list.jsx
│ │ ├── prompt
│ │ │ ├── prompt.css
│ │ │ └── prompt.jsx
│ │ ├── record-modal
│ │ │ ├── icon--back.svg
│ │ │ ├── icon--play.svg
│ │ │ ├── icon--stop-playback.svg
│ │ │ ├── icon--stop-recording.svg
│ │ │ ├── playback-step.jsx
│ │ │ ├── record-modal.css
│ │ │ ├── record-modal.jsx
│ │ │ └── recording-step.jsx
│ │ ├── sound-editor
│ │ │ ├── icon--echo.svg
│ │ │ ├── icon--higher.svg
│ │ │ ├── icon--louder.svg
│ │ │ ├── icon--lower.svg
│ │ │ ├── icon--redo.svg
│ │ │ ├── icon--reverse.svg
│ │ │ ├── icon--robot.svg
│ │ │ ├── icon--softer.svg
│ │ │ ├── icon--trim.svg
│ │ │ ├── icon--undo.svg
│ │ │ ├── sound-editor.css
│ │ │ └── sound-editor.jsx
│ │ ├── sprite-info
│ │ │ ├── icon--draggable-off.svg
│ │ │ ├── icon--draggable-on.svg
│ │ │ ├── icon--hide.svg
│ │ │ ├── icon--show.svg
│ │ │ ├── icon--x.svg
│ │ │ ├── icon--y.svg
│ │ │ ├── sprite-info.css
│ │ │ └── sprite-info.jsx
│ │ ├── sprite-selector
│ │ │ ├── icon--sprite.svg
│ │ │ ├── sprite-selector.css
│ │ │ └── sprite-selector.jsx
│ │ ├── sprite-selector-item
│ │ │ ├── sprite-selector-item.css
│ │ │ └── sprite-selector-item.jsx
│ │ ├── stage
│ │ │ ├── stage.css
│ │ │ └── stage.jsx
│ │ ├── stage-selector
│ │ │ ├── icon--backdrop.svg
│ │ │ ├── stage-selector.css
│ │ │ └── stage-selector.jsx
│ │ ├── stop-all
│ │ │ ├── icon--stop-all.svg
│ │ │ ├── stop-all.css
│ │ │ └── stop-all.jsx
│ │ ├── target-pane
│ │ │ ├── target-pane.css
│ │ │ └── target-pane.jsx
│ │ ├── turbo-mode
│ │ │ ├── icon--turbo.svg
│ │ │ ├── turbo-mode.css
│ │ │ └── turbo-mode.jsx
│ │ └── waveform
│ │ ├── waveform.css
│ │ └── waveform.jsx
│ ├── containers
│ │ ├── audio-trimmer.jsx
│ │ ├── backdrop-library.jsx
│ │ ├── blocks.jsx
│ │ ├── controls.jsx
│ │ ├── costume-library.jsx
│ │ ├── costume-tab.jsx
│ │ ├── extension-library.jsx
│ │ ├── green-flag.jsx
│ │ ├── gui.jsx
│ │ ├── language-selector.jsx
│ │ ├── load-button.jsx
│ │ ├── monitor-list.jsx
│ │ ├── monitor.jsx
│ │ ├── paint-editor-wrapper.jsx
│ │ ├── playback-step.jsx
│ │ ├── prompt.jsx
│ │ ├── record-modal.jsx
│ │ ├── recording-step.jsx
│ │ ├── save-button.jsx
│ │ ├── sound-editor.jsx
│ │ ├── sound-library.jsx
│ │ ├── sound-tab.jsx
│ │ ├── sprite-info.jsx
│ │ ├── sprite-library.jsx
│ │ ├── sprite-selector-item.jsx
│ │ ├── stage-selector.jsx
│ │ ├── stage.jsx
│ │ ├── stop-all.jsx
│ │ └── target-pane.jsx
│ ├── css
│ │ ├── colors.css
│ │ └── units.css
│ ├── examples
│ │ ├── blocks-only.css
│ │ ├── blocks-only.jsx
│ │ ├── extensions
│ │ │ └── example-extension.js
│ │ ├── player.css
│ │ └── player.jsx
│ ├── index.css
│ ├── index.ejs
│ ├── index.jsx
│ ├── lib
│ │ ├── app-state-hoc.jsx
│ │ ├── audio
│ │ │ ├── audio-buffer-player.js
│ │ │ ├── audio-effects.js
│ │ │ ├── audio-recorder.js
│ │ │ ├── audio-util.js
│ │ │ ├── effects
│ │ │ │ ├── echo-effect.js
│ │ │ │ ├── robot-effect.js
│ │ │ │ └── volume-effect.js
│ │ │ └── shared-audio-context.js
│ │ ├── blocks.js
│ │ ├── empty-project.json
│ │ ├── layout-constants.js
│ │ ├── libraries
│ │ │ ├── backdrops.json
│ │ │ ├── costumes.json
│ │ │ ├── extensions.json
│ │ │ ├── sounds.json
│ │ │ └── sprites.json
│ │ ├── log.js
│ │ ├── make-toolbox-xml.js
│ │ ├── monitor-adapter.js
│ │ ├── opcode-labels.js
│ │ ├── project-loader-hoc.jsx
│ │ ├── storage.js
│ │ ├── touch-utils.js
│ │ └── vm-listener-hoc.jsx
│ ├── reducers
│ │ ├── color-picker.js
│ │ ├── gui.js
│ │ ├── intl.js
│ │ ├── modals.js
│ │ ├── monitors.js
│ │ ├── targets.js
│ │ ├── toolbox.js
│ │ └── vm.js
│ └── test.js
├── test
│ ├── __mocks__
│ │ ├── audio-buffer-player.js
│ │ ├── audio-effects.js
│ │ ├── fileMock.js
│ │ └── styleMock.js
│ ├── helpers
│ │ ├── enzyme-setup.js
│ │ ├── intl-helpers.jsx
│ │ └── selenium-helper.js
│ ├── integration
│ │ ├── examples.test.js
│ │ └── test.js
│ └── unit
│ ├── components
│ │ ├── __snapshots__
│ │ │ ├── button.test.jsx.snap
│ │ │ ├── icon-button.test.jsx.snap
│ │ │ ├── sound-editor.test.jsx.snap
│ │ │ └── sprite-selector-item.test.jsx.snap
│ │ ├── button.test.jsx
│ │ ├── controls.test.jsx
│ │ ├── icon-button.test.jsx
│ │ ├── sound-editor.test.jsx
│ │ └── sprite-selector-item.test.jsx
│ ├── containers
│ │ ├── __snapshots__
│ │ │ └── green-flag.test.jsx.snap
│ │ ├── green-flag.test.jsx
│ │ ├── sound-editor.test.jsx
│ │ └── sprite-selector-item.test.jsx
│ └── util
│ ├── audio-effects.test.js
│ ├── audio-util.test.js
│ └── project-loader-hoc.test.jsx
└── webpack.config.js
59 directories, 218 files
标签:
好例子网口号:伸出你的我的手 — 分享!
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论