Git Product home page Git Product logo

p5.js-editor's Introduction

Since the release of Processing 3.5.4 in January 2020, development has moved to a new repository.

Using a 4.0 release (even an alpha or beta version) is recommended if you find an issue. To avoid confusion, this repo will remain open at least until a 4.0 release is the default download at https://processing.org/download. We chose to move to a new repository so that we could clean out old files accumulated over the last 20 years.

Processing

This is the official source code for the Processing Development Environment (PDE), the “core” and the libraries that are included with the download.

I've found a bug! Let us know here (after first checking if someone has already posted a similar problem). If it's a reference, web site, or examples issue, take that up with folks here. There are also separate locations for Android Mode, or the Video and Sound libraries. The processing.js project is not affiliated with us, but you can find their issue tracker here.

Locked Issues Where possible, I've started locking issues once resolved. This helps reduce the amount of noise from folks adding to an issue that's been closed for years. Because this project has existed for a long time and we have thousands of closed issues, lots of them may sound similar to an issue you're having. But if there's a new problem, it'll be missed if it's lost in a comment added to an already closed issue. I don't like to lock issues because it cuts off conversation, but it's better than legitimate problems being missed. Once an issue has been resolved for 30 days, it will automatically lock.

That processing-bugs fella is suspicious. The issues list has been imported from Google Code, so there are many spurious references amongst them since the numbering changed. Basically, any time you see references to changes made by processing-bugs, it may be somewhat suspect. Over time this will clean itself up as bugs are fixed and new issues are added from within GitHub. Help speed this process along by helping us!

Please help. The instructions for building the source are here. Please help us fix problems, and if you're submitting code, following the style guidelines helps save me a lot of time.

And finally... Someday we'll also fix all these bugs, throw together hundreds of unit tests, and get rich off all this stuff that we're giving away for free. But not today.

So in the meantime, I ask for your patience, participation, and patches.

Ben Fry, 20 January 2019

p5.js-editor's People

Contributors

akarshit avatar andyinabox avatar antiboredom avatar bclifton avatar bmoren avatar bruehausu avatar davejm avatar davidskeck avatar djmgit avatar infernalmaster avatar karoantonio avatar lmccart avatar mattdesl avatar mreichel avatar nucliweb avatar sepans avatar six5532one avatar therewasaguy avatar xfq avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

p5.js-editor's Issues

Clean Font Changes

Currently, whenever changing fonts, the editor shows a mashup of the lines before adjusting to the new linespacing. This results in a jarring transition.

Graceful crashing

When / if the app crashes it should do so in a more graceful way, and not show the default node-webkit clouds error.

Instant Gratification

The editor currently starts up showing an empty function. Would be nice to add a line of code in there for instant gratification of seeing something draw from code right away.

Would also encourage someone to tweak something; For example if circle was the line of code they could change an argument and see a difference.

Can Not Stop Running Sketch

Cannot Stop a Sketch to save or update the index or sketch files, the browser window remains open and the sketch will not terminate. The only way to continue working on the sketch is to re-open it.

no stop

Outdated dependencies and problems running

The zip file needed for installing [email protected] is no longer available. I tried switching to the updated [email protected] module, along with [email protected] but the project fails to start with the following error. Any ideas?

2015-03-09 11:12:42.056 nwjs[38862:1236942] *** Assertion failure in -[NSMenu insertItem:atIndex:], /SourceCache/AppKit/AppKit-1344.72/Menus.subproj/NSMenu.m:659
2015-03-09 11:12:42.058 nwjs[38862:1236942] Invalid parameter not satisfying: (index >= 0) && (index <= [_itemArray count])
2015-03-09 11:12:42.063 nwjs[38862:1236942] (
    0   CoreFoundation                      0x00007fff8a6be66c __exceptionPreprocess + 172
    1   libobjc.A.dylib                     0x00007fff8bded76e objc_exception_throw + 43
    2   CoreFoundation                      0x00007fff8a6be44a +[NSException raise:format:arguments:] + 106
    3   Foundation                          0x00007fff9004b3a9 -[NSAssertionHandler handleFailureInMethod:object:file:lineNumber:description:] + 195
    4   AppKit                              0x00007fff82a497b9 -[NSMenu insertItem:atIndex:] + 174
    5   nwjs Framework                      0x000000010b6e36b2 ContentMain + 144930
    6   nwjs Framework                      0x000000010b6da152 ContentMain + 106690
    7   nwjs Framework                      0x000000010c1cef94 uv_fs_event_stop + 3312740
    8   nwjs Framework                      0x000000010c108ca6 uv_fs_event_stop + 2500982
    9   nwjs Framework                      0x000000010c0fd0fe uv_fs_event_stop + 2452942
    10  nwjs Framework                      0x000000010c325158 _CTFontManagerUnregisterFontForData + 134104
    11  nwjs Framework                      0x000000010b744538 ContentMain + 541864
    12  nwjs Framework                      0x000000010b771df8 ContentMain + 728424
    13  nwjs Framework                      0x000000010b77220f ContentMain + 729471
    14  nwjs Framework                      0x000000010b7328b0 ContentMain + 469024
    15  CoreFoundation                      0x00007fff8a5dc681 __CFRUNLOOP_IS_CALLING_OUT_TO_A_SOURCE0_PERFORM_FUNCTION__ + 17
    16  CoreFoundation                      0x00007fff8a5ce80d __CFRunLoopDoSources0 + 269
    17  CoreFoundation                      0x00007fff8a5cde3f __CFRunLoopRun + 927
    18  CoreFoundation                      0x00007fff8a5cd858 CFRunLoopRunSpecific + 296
    19  HIToolbox                           0x00007fff90493aef RunCurrentEventLoopInMode + 235
    20  HIToolbox                           0x00007fff9049386a ReceiveNextEventCommon + 431
    21  HIToolbox                           0x00007fff904936ab _BlockUntilNextEventMatchingListInModeWithFilter + 71
    22  AppKit                              0x00007fff82a4af81 _DPSNextEvent + 964
    23  AppKit                              0x00007fff82a4a730 -[NSApplication nextEventMatchingMask:untilDate:inMode:dequeue:] + 194
    24  AppKit                              0x00007fff82a3e593 -[NSApplication run] + 594
    25  nwjs Framework                      0x000000010b733400 ContentMain + 471920
    26  nwjs Framework                      0x000000010b73271c ContentMain + 468620
    27  nwjs Framework                      0x000000010b784be3 ContentMain + 805715
    28  nwjs Framework                      0x000000010bf3e5a1 uv_fs_event_stop + 623217
    29  nwjs Framework                      0x000000010bf3e505 uv_fs_event_stop + 623061
    30  nwjs Framework                      0x000000010bf40b42 uv_fs_event_stop + 632850
    31  nwjs Framework                      0x000000010b726ed6 ContentMain + 421446
    32  nwjs Framework                      0x000000010e52a6c5 _CTFontManagerUnregisterFontForData + 35807557
    33  nwjs Framework                      0x000000010e52aec4 _CTFontManagerUnregisterFontForData + 35809604
    34  nwjs Framework                      0x000000010e52a416 _CTFontManagerUnregisterFontForData + 35806870
    35  nwjs Framework                      0x000000010b6c00d2 ContentMain + 66
    36  nwjs                                0x000000010b66af24 nwjs + 3876
)

included libraries out of date (v0.3.6 -> v0.4.2)

The version that ships with p5js editor v0.1.8 doesn't even work with fill() on vertex shapes. I had to manually update p5.js from the latest release.

It would be nice if the editor's included library can be linked to the main release.

p5 addons

Opening an issue to discuss ways of including a p5 addon such as sound or dom into a project. (Right now, it seems I have to manually copy the file into libraries).

error console auto clear?

My expectation was that the console would clear every time I hit run. I'm not sure if this is the correct behavior or not. But it was confusing to me that old error messages would persist and I made the false assumption there was still an error.

wiki about page

including instructions for export.
posting this because I've had some questions about how to get sketches online. we might think about adding back in the upload button and having it pop up an instruction box for now.

Character encoding

Relevant to the bug on the main repo, processing/p5.js#701, extended characters are not properly handled.

Adding

  <meta charset="UTF-8">

to the head section of the index.html should solve this.

Crash on run

Sometimes the IDE crashes when you hit the run button. OOOPS.

Credits

We need to write up some credits - this will appear when users look at the "about" menu.

External Changes to file

When an external process changes a file that is open in the p5.js editor, the file’s content in the p5.js editor remains the same even after you double-click the file on the tree-view

Live update sketch when code changes

Editor can detect the changes in editor and pass the changes with websocket to the canvas window. In global mode browser window handles the message and updates window.[setup/draw/variableName] accordingly.

Tab Indentation null

When I open a file, the file content shows ‘undefined’ instead of tab characters(\t) when the indentation amount is not set. The user should not be allowed to set a null value for Indentation Amount. If it’s null, a default value should be entered. See image below –

image3

in another editor, it looks something like this
image4

Rename File in Sidebar File Tree

A standard feature in a lot of file trees is to be able to rename a file by double clicking on it in the file tree. This would be an intuitive and smooth feature to include.

save as?

Current behavior: ⇧⌘S is "saves file as" whereas I am used to ⇧⌘S to mean "saves project as". Tiny issue and am not sure what others expect. Just opening it for discussion.

The application "p5" can't be opened

I'm using OS X 10.10.1. I downloaded and unzipped p5.zip and copied the app to the Applications folder and then tried to run it. That's when I got a dialog with this message. I even tried right-clicking and choosing "Open" since I know default security settings require downloaded apps to be signed. Nope, same message.

So I set off to setup a dev environment. I ran into issues with the first npm install because nodewebkit was failing to install from its S3 location. After forking this repo and updating nodewebkit and node-webkit-builder to versions 0.11.5 and 1.0.7 respectively, I got the dev environment setup with everything installed and gulp working. Unfortunately I was then stopped in my tracks by this bug nwjs/nw.js#2518 when trying to npm run app.

I guess I'll just use Sublime for now and try again later. Would love an update if we get this working on Yosemite.

Move from dedicated IDE to a set of atom packages or just create the packages as separate ideas???????

Hey Guys, I really like the work you guys are doing on this and have been playing around with the editor a lot, as a way of starting and creating ideas, but I often find myself falling back to my editor of choice atom.io and in doing so have started to make some pretty rudimentary packages for atom, to help in my p5 development. I was wondering if instead of or in addition to, we(I or the community) create a series of packages for atom(and any other editor) that did similar things to this editor?? I have been working on a series of snippets/autocompletion features for the main parts of the library, though there is defiantly more that can be done. I warmed up to the idea (of extending atom) after seeing what Facebook are doing with the nuclide project in turning it into a fully feature dev environment for react and react native. What are your guys thoughts on this??

Examples

There should be an easy way to access p5js examples. I would probably implement this via a menu item right now, but I'm open to other ideas. For example there could be a view with different example sketches running, each with a button that lets you edit the sketch.

Windows Binary

I'd love someone to help me test this out in Windows. In theory it should just work, but I'm pretty sure it will need some tweaking.

Export broken

Hitting export crashes the current project window and stops working for other open windows after the crash.

Make menu items for various keyboard shortcuts

Watching people use the IDE, they did not notice the Settings gear icon, and were instead looking for Settings in the gui.menu. It would be good to either add all of the Settings as its own Menu, or to add Show/Hide settings to one of the existing menus (i.e. Window --> Show/Hide Preferences)

Help System

This is just a place to put thoughts about an integrated help system. The easiest option (which I think we'll do for the initial release) will just be a menu item that takes you to the p5.js online reference

Console Not Reporting Syntax Error

Here is an example of an error not being reported in the console.
A simple syntax error is included in the draw function, effectively breaking the sketch and yet the console is happily blank, with nothing to report.

console error miss

new file can be created without an extension

Doing so throws a FILE_NOT_FOUND error, however the file is still created, and can be renamed with an extension.

should we enable people to create new files without extensions? It seems likely that new users will not automatically know to add .js extensions to their filenames, and this could trip them up.

Refresh functionality not discoverable

At first I couldn't get the editor to refresh without stopping and starting. I understand now there is a keyboard shortcut but it's difficult to guess this and would reduce friction if there were a button or text instructions.

Boilerplate

Shouldn’t have to explicitly call createCanvas() for simple apps. Why not do it by default to match the current window size?

If there is some reason this allows more efficiency maybe you could still make the call hidden/implicit, but then allow it explicitly later as needed.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.