Run a Wollok Game project takes too much time in a slow internet conection

[isaiaslafon]

When running a game at the university, due to slow internet bandwidth games takes too much time to start running. It would be helpful to have all the required tools integrated in the lsp ide or a way to disable a feature that is causing this if it is possible.

[fdodino]

Hola @isaiaslafon , podés pasarnos el repo para verlo localmente? Yo recordaba que había otro issue similar, me llama la atención porque nosotros descargamos localmente las dependencias (tanto de cytoscape para el diagrama dinámico como de p5 para Game).

[PalumboN]

Sí, las únicas cosas que se baja de internet son estas imágenes por default que las va a buscar al repo de Wollok (xText !).

Igual yo esperaría que tarde la primera vez y después queden cacheadas en el browser 🤔

Eso está en web-tools

wollok-web-tools/src/game/utils.ts

Lines 5 to 16 in 950094e

	export const DEFAULT_GAME_ASSETS_DIR = 'https://raw.githubusercontent.com/uqbar-project/wollok/dev/org.uqbar.project.wollok.game/assets/'
	const { round } = Math
	export const defaultImgs = [
	'ground.png',
	'wko.png',
	'speech.png',
	'speech2.png',
	'speech3.png',
	'speech4.png',
	]

[fdodino]

@PalumboN , pero esos archivos pesan re-poco! Ahí estuve haciendo pruebas. Si no tenés chequeada la opción Disable cache, la primera vez que bajás los componentes va a tardar (eventualmente bastante), la segunda vez tiene un delay con 3G bastante razonable. Pero la mayoría de las imágenes del proyecto vienen de localhost:4000, entonces ahí ya no tenemos problema de mala internet...

Acá dejo las pruebas, yo no veo mucho en lo que podamos mejorar, @isaiaslafon , salvo que nos pases el proyecto y tratemos de hacerle pruebas.

Esperemos un toque más y si no cerramos el issue.

[PalumboN]

Lo ideal sería probarlo en la máquina que tiene el problema.

Quizá sea otra la cause y debemos renombrar el issue. Pero que tarde en cargar un juego es un problema para mí.

[lspigariol]

Creo que tiene que ver con esto.
Mas alla de lo que tarde, estaría bueno que se pueda ejecutar un game sin conexion a internet.
Me pasa incluso no poder correr el repl o tests por no tener conexión, y no solo en proyectos con game.

Lo de que estén cacheadas, me activa un link a otro problema, que no encuentro el issue o tal vez nunca se creo, sobre la necesidad de borrar el cache para que actualice las imagenes cuando se las modifica sin cambiar el nombre de archivo, y que los globos de texto del say se muestren bien (asumo que los archivos speach.png son para eso).

Tal vez sea peor el remedio que la enfermedad, pero lo tiro igual: ¿Esas imagenes no podrian estar como assets y copiarse al hacer un nuevo proyecto? ¿Puede tener sentido o ser un problema que alguien quiera reemplazar esas imagenes por otras?

[fdodino]

ahí estuve viendo la docu de p5

(method) p5InstanceExtensions.loadImage(path: string, successCallback?: (p1: p5.Image) => any, failureCallback?: (p1: Event) => any): p5.Image

Loads an image from a path and creates a p5.Image from it. The image may not be immediately available for rendering. If you want to ensure that the image is ready before doing anything with it, place the loadImage() call in preload(). You may also supply a callback function to handle the image when it's ready.

The path to the image should be relative to the HTML file that links in your sketch. Loading an image from a URL or other remote location may be blocked due to your browser's built-in security.

You can also pass in a string of a base64 encoded image as an alternative to the file path. Remember to add "data:image/png;base64," in front of the string.

Lo voy a pasar a wollok-web-tools para charlarlo @PalumboN @ivojawer

[fdodino]

Más concretamente, archivo sketch.ts. Podríamos quizás usar las imágenes en formato base64 internamente. Hay que probar opciones.

import { DEFAULT_GAME_ASSETS_DIR, defaultImgs, wKeyCode } from './utils'


export default (game: Game, projectImages: MediaFile[], projectSounds: MediaFile[], canvasParent?: Element) => (p: p5): void => {
  const images = new Map<string, p5.Image>()
  const sounds = new Map<Id, SoundFile>()
  const currentSounds = new Map<Id, GameSound>()

  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  let stop = false
  const gamePaused = false
  const audioMuted = false

  p.preload = () => {
    defaultImgs.forEach(path =>
      images.set(path, p.loadImage(DEFAULT_GAME_ASSETS_DIR + path))
    )
    projectImages.forEach(({ possiblePaths, url }) =>
      possiblePaths.forEach(path =>
        images.set(path, p.loadImage(url))
      )
    )
    projectSounds.forEach(({ possiblePaths, url }) =>
      possiblePaths.forEach(path =>
        sounds.set(path, new SoundFile(url))
      )
    )
  }