ElementNetwork

NOTE: THIS PROJECT IS NOW OWNED BY AmazingMech2418



it's a joke bro

I have decided to finally create a topic for my project on GitHub called ElementNetwork. It's essentially a mod/rewrite of Scratch. designed for web languages.

People we're looking for…

• HTML/CSS experience
  
• JavaScript (w/ jQuery) for editor
  
• Backend Node.JS
  

Don't have much experience with this type of code?
Here are some things you can still do

• Make Vector Images (with a program like Inkscape), for our image library, and logos
  
• Write the help pages, in an easy markup language called Markdown.
  
• Run some beta tests
  

Want to join? Just send me your GitHub username!
^^^ Consequences of disorganized collaboration


FORM TO JOIN (it's back muahahahhahahahaha)

GitHub username: not required if applying for beta testing
Thing you want to do: See the list above or the GH teams
http://i.cubeupload.com/jJ0f47.png Place in an image to show your human skillz

Basically… Elemental?

TBF Elemental died a long time ago, and I'm willing to remake it. I had a very small hand in developing Elemental (made a few really small fixes/improvements, and some of those improvements broke stuff). Since then, I think I've gotten better in HTML/CSS/JS and Django (for the backend)

BTW my GH username is iamunknown2.

iamunknown2 wrote:

Basically… Elemental?

TBF Elemental died a long time ago, and I'm willing to remake it. I had a very small hand in developing Elemental (made a few really small fixes/improvements, and some of those improvements broke stuff). Since then, I think I've gotten better in HTML/CSS/JS and Django (for the backend)

BTW my GH username is iamunknown2.

Yeah, after I heard Elemental died, I decided to start trying to re-make it…

Mega987654 wrote:

iamunknown2 wrote:

Basically… Elemental?

TBF Elemental died a long time ago, and I'm willing to remake it. I had a very small hand in developing Elemental (made a few really small fixes/improvements, and some of those improvements broke stuff). Since then, I think I've gotten better in HTML/CSS/JS and Django (for the backend)

BTW my GH username is iamunknown2.

Yeah, after I heard Elemental died, I decided to start trying to re-make it…

Also, this is a chance to use canvas instead of native DOM elements (even though it will be way harder).

iamunknown2 wrote:

Also, this is a chance to use canvas instead of native DOM elements (even though it will be way harder).

I was actually planning on not using canvas…

I was going to probably use SVG for the blocks.

Some ideas for the frontend:

• Make a class/prototype defining each kind of block (c-block, hat block etc), which also defines local variables for the object such as its location on the canvas, its effect on the HTML (specified with a specific syntax) etc
  
• A parser for said syntax to describe a block's effect on the HTML DOM
  
• Separation of the block renderer from the detection of clicks and drags
  
• A slightly different UI for CSS editing (I will elaborate below)
  

I have an idea for the CSS editor - instead of being exactly like the HTML editor (but with CSS instead), it would be cool if we integrated it with the HTML editor (other than having it split-screen). For example, to write a selector, you could perhaps click on an “attribute selector” button in the CSS tab, then click on the specific properties in the HTML you want in your selector. We could also implement a way to show which HTML elements are being targeted by specific selectors.

iamunknown2 wrote:

For example, to write a selector, you could perhaps click on an “attribute selector” button in the CSS tab, then click on the specific properties in the HTML you want in your selector.

We could also make the user select the elements that they want to apply it to, and then automatically apply a class to those elements.

iamunknown2 wrote:

We could also implement a way to show which HTML elements are being targeted by specific selectors.

We could make something similar to Scratch's “show broadcasters” / “show receivers” for broadcasts, and have it highlight the files, blocks, and elements in the preview that are affected.

Here is a modified screenshot of Elemental to show you what I mean:

I am able to do graphics for this if you need. (Certified in Adobe Illustrator and Photoshop) github.com/nitrocipher

Current project: [s3Blocks: scratchblocks rewritten for Scratch 3.0] ::#4b4a60 //https://scratch.mit.edu/discuss/topic/290031/ Basically done!

Mega987654 wrote:

Here is a modified screenshot of Elemental to show you what I mean:

Are these actual screenshots? Or just concept art? When i try to load the editor it just gives a green background and some text at the top.
(My browser / operating system: ChromeOS 9901.77.0, Chrome 62.0.3202.97, Flash 27.0 (release 0))

Current project: [s3Blocks: scratchblocks rewritten for Scratch 3.0] ::#4b4a60 //https://scratch.mit.edu/discuss/topic/290031/ Basically done!

NitroCipher wrote:

Mega987654 wrote:

Here is a modified screenshot of Elemental to show you what I mean:
http://u.cubeupload.com/_CodeLyoko/ex1.png
http://u.cubeupload.com/_CodeLyoko/ex2.png

Are these actual screenshots? Or just concept art? When i try to load the editor it just gives a green background and some text at the top.
(My browser / operating system: ChromeOS 9901.77.0, Chrome 62.0.3202.97, Flash 27.0 (release 0))

No the screenshots are of Elemental

Sheep_maker wrote:

NitroCipher wrote:

Mega987654 wrote:

Here is a modified screenshot of Elemental to show you what I mean:
http://u.cubeupload.com/_CodeLyoko/ex1.png
http://u.cubeupload.com/_CodeLyoko/ex2.png

Are these actual screenshots? Or just concept art? When i try to load the editor it just gives a green background and some text at the top.
(My browser / operating system: ChromeOS 9901.77.0, Chrome 62.0.3202.97, Flash 27.0 (release 0))

No the screenshots are of Elemental

Yep, because Elemental is pretty much dead, I got inspired by it to make my own re-make.
Currently there is no code for the rendering of the editor, so it's just menus and a background.

NitroCipher wrote:

I am able to do graphics for this if you need. (Certified in Adobe Illustrator and Photoshop) github.com/nitrocipher

Thanks for the offer!

I Knwo html,markdown, and css and do not copy work
I used too.

So… Is this still a thing?

iamunknown2 wrote:

So… Is this still a thing?

yes…

I can do graphics (Inkscape, Photoshop, and Gimp) and front-end HTML and CSS, if you would like help.

infinitytec wrote:

I can do graphics (Inkscape, Photoshop, and Gimp) and front-end HTML and CSS, if you would like help.

Thanks so much for the offer! You can join if you want.

Mega987654 wrote:

infinitytec wrote:

I can do graphics (Inkscape, Photoshop, and Gimp) and front-end HTML and CSS, if you would like help.

Thanks so much for the offer! You can join if you want.

OK! So what are the plans for the design?

IDK why I typed this whole idea out in so much detail, but here it is. A lot of js stuff could be described in Scratch-like blocks. You could divide things up into categories something like this:

Basically the current Control/Operators/Data/More Blocks categories would cover most of the raw scripting functionality

Here's the tough one: a category with selectors to get different dom elements. I was thinking a new reporter shape that represents an array of elements, and only fits into inputs that expect an element. Maybe something like this (where curly brackets represent the new reporter shape):

• {elements with tag [a]}
  
• {element (1) of {}}
  
• {elements with {} and {}}
  

A category for manipulating the dom once you have an element selected. like this:

• (text inside {})
  
• Set [background v] of {} to [red]
  

Events, which would be hat blocks that map directly to event listeners:

• When website starts
  
• When {} clicked