Thanks for watching!

Thanks! The formula means I don't dive in too deep. But is it too shallow to be useful?

Thanks Ian. I've done a few others. I generally alternate between web and Python. Try to hit things that aren't yet super popular but should be. Next two: Vitest then Datasette Lite.

If your goal is to allow writing Python directly in HTML, then you'll need something like web components. Also, PyScript is quite young. It's possible that creating these web components will be a lot easier in the future. If your goal is to transpile Python to JS, there are several good options already.

@@pauleveritt201 Thanks for all the info.

Indeed it can, one of the demos I showed integrates with a JS visualization library.

Not at the moment, as it by default does this: github.com/pyscript/pyscript/blob/main/pyscriptjs/src/components/pyconfig.ts#L186 But if you could same-origin it, you probably could put a <py-config> in your document that pointed to that source.

Thanks. Even better, let's collaborate on it.

Yep, I agree. There are some Python reactive libraries -- big packages, small packages. But this is the first I've seen where it is wedded to an application using it (i.e. bundled.)

yup.. :(

Yes, Arcade provides that value to the method. My example game didn't need it. The IDE gave a soft warning to remind about it. The Python runs fine.

@@pauleveritt201 thank you! i changed def animate to def update which fixed the problem.

@@pauleveritt201 hi, what should I do if I want the sprite to walk on its own instead of being controlled by the cursor?

@@looppy3357 Several examples here: arcade.academy/examples/index.html#sprite-player-movement In general, your sprite class tracks its own center_x and center_y values which you modify with an update method.

What operating system, version of Arcade, and version of Python? Can you paste the full traceback so I can see which line it was executing?

windows 7, version of Arcade 1.3.4, and version of python is 3.7.0. line 316, in draw glDrawArrays(mode, starts[0], sizes[0]) OSError: exception: access violation reading 0x098D0DC8

import random import arcade as arcade import os class MyGame(arcade.Window): def __init__(self, widht, height, title): super().__init__(widht, height, title) arcade.set_background_color(arcade.color.AMAZON) self.score = 0 self.all_sprites_list = arcade.SpriteList() self.player_sprite = arcade.Sprite('images/character.png', 0.5) self.player_sprite.center_x = 50 self.player_sprite.center_y = 50 self.all_sprites_list.append(self.player_sprite) self.coin_list = arcade.SpriteList() for i in range(50): coin = arcade.Sprite('images/coin.png', 0.02) coin.center_x = random.randrange(600) coin.center_y = random.randrange(600) self.all_sprites_list.append(coin) self.coin_list.append(coin) def on_draw(self): arcade.start_render() output = f'Score: {self.score:02d}' arcade.draw_text(output, 10, 580, arcade.color.WHITE) self.all_sprites_list.draw() def animate(self, delta_time): self.score += 1 self.all_sprites_list.update() hit_list = arcade.check_for_collision_with_list( self.player_sprite, self.coin_list ) for coin in hit_list: coin.kill() self.score += 1 def on_mouse_motion(self, x, y, dx, dy): self.player_sprite.center_x = x self.player_sprite.center_y = y def main(): MyGame(800, 600, 'Jogo 2') arcade.run() if __name__ == '__main__': main()

Can you also give the traceback error text?

Is this? Traceback (most recent call last): File "C:/Users/Ivaldo/Desktop/ivaldo/02-Documentos/Faculdade/2018.1/01-I.P Daliton/arcade_tutorial/game2.py", line 59, in <module> main() File "C:/Users/Ivaldo/Desktop/ivaldo/02-Documentos/Faculdade/2018.1/01-I.P Daliton/arcade_tutorial/game2.py", line 55, in main arcade.run() File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\arcade\window_commands.py", line 191, in run pyglet.app.run() File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\app\__init__.py", line 138, in run event_loop.run() File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\app\base.py", line 142, in run self._run() File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\app\base.py", line 154, in _run timeout = self.idle() File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\app\base.py", line 281, in idle window.dispatch_event('on_draw') File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\window\__init__.py", line 1232, in dispatch_event if EventDispatcher.dispatch_event(self, *args) != False: File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\event.py", line 367, in dispatch_event if getattr(self, event_type)(*args): File "C:/Users/Ivaldo/Desktop/ivaldo/02-Documentos/Faculdade/2018.1/01-I.P Daliton/arcade_tutorial/game2.py", line 31, in on_draw arcade.draw_text(output, 10, 580, arcade.color.WHITE) File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\arcade\draw_commands.py", line 1771, in draw_text label.draw() File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\text\layout.py", line 897, in draw self._batch.draw() File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\graphics\__init__.py", line 560, in draw func() File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\graphics\__init__.py", line 492, in <lambda> (lambda d, m: lambda: d.draw(m))(domain, mode)) File "C:\Users\Ivaldo\AppData\Local\Programs\Python\Python37-32\lib\site-packages\pyglet\graphics\vertexdomain.py", line 316, in draw glDrawArrays(mode, starts[0], sizes[0]) OSError: exception: access violation reading 0x09A70678

Presentation Assistant

Yes, alas, Arcade recently changed the animate method to "update". I should tell him to leave a backwards-compatability shim in place.

Next week I'm going to work on a more official screencast using the latest-greatest everything.

I think I found the trick! I need to place the breakpoint into the .js files (under dist\app under our project, not sure if that is the standard place) transpiled from the .ts files. Then, when the breakpoint is hit, the IDE shows the .ts file, I can see the variables (e.g. this), I can step the execution in the .ts file, etc., so from a quick try the only problem so far seems to be that the debugger does not stop at the breakpoints inserted to the .ts files.

+Satish Pokala The part at 39 seconds into the video, where I say "this is important"...did you set the port the same on both sides (the Chrome extension and the WebStorm preference)?

+Paul Everitt In chrome Extension I am using 63342 and In webstrom javascript debugger URL parameter I am using localhost:8888/ where my app is running. Am I doing anything wrong here. Thanks

+Satish Pokala The port number needs to match WebStorm Preferences -> Build, Execution, Deployment -> Debugger, Built-in server port

+Paul Everitt Yes they both are same 63342 and It says Connected to JetBrains Chrome Extension, But It is not stopping at my break point. any help on this. And even my browser says that "JetBrains IDE support" is debugging this browser.

+Satish Pokala I was replying to your point about the frame not being available. That said, I believe the bug tracker shows there are some bugs right now in the Live Edit support.

+HOUSSEM ZAIER Sorry, can't think of anything. Are you in a JavaScript Debugger run configuration?

Paul Everitt yes sir, I have just followed you, but I have chosen the angular seed app from github as a starter project. Well it may possibly come from my IntelliJ IDE version, and they will correct this bug , as I hope... Paul I have a question please: I want to developer Angular2 app and put it in the browser without localserver (just like in plnkr) but I am using Springboot as a backEnd , so I have a folder where I should put my static web files there...) I have been doing that with Angular 1.x but today I felt in love with TypeScript and I want to continu wokring on it. So do have any idea how to use TypeScript with Angular2 without using an NPM server ... I thought that we can transform our typeScript files into JS files for the production mode but I can't get what I am looking for... Can you help me to solve this problem... please And thanks in advance

+HOUSSEM ZAIER The npm servers give the benefit of automatically transpiling your TypeScript and reloading your browser (using browserSync) whenever you do an edit.

Paul Everitt what about exporting typescript files to js files so i can run them in the browser without using a server , this should be in the production mode

You can try inserting the breakpoints to the transpiled .js files. That way they were hit, and still I could continue the debugging in the .ts files. Worked at least with WebStorm 2016.1.3. Hope this helps!