Блог

Главная - Вопросы по программированию - Анимация окна браузера на рабочем столе с помощью Greensocks GSAP

Анимация окна браузера на рабочем столе с помощью Greensocks GSAP

#javascript #node.js #electron #desktop-application #gsap

#javascript #node.js #electron #desktop-приложение #gsap

Вопрос:

Я использую Electron для создания настольного приложения, и пока мой код работает, но у меня возникла проблема с интеграцией Greensock’s GSAP в него, я пытаюсь анимировать приложение в определенном (x, y) положении на экране сразу после его загрузки.

Все импортируемые файлы работают правильно, но я не могу понять, что я делаю не так, вот мой код в его простейшей форме.

 const { app, BrowserWindow } = require('electron')
const gsap = require('gsap');
const Easing = gsap.Easing;


function createWindow () {
  const win = new BrowserWindow({width: 300,height: 400});  // create the browser window
  win.loadFile('mainpage.html');
  win.webContents.openDevTools();
  
  gsap.to(win, {x:700, y:20, duration: 1});  //now animate to this position on screen 
}

app.whenReady().then(createWindow);

Проблема в том, что приложение загружается, но оно не перемещается, все работает, кроме действия gsap. Что я делаю не так, или есть лучшая альтернатива?

Комментарии:

1. Привет! из того, что я знаю, вы можете использовать gsap для анимации элементов внутри окна, вы уверены, что можете анимировать само окно?

2. @Anatsu я тоже в курсе, но как, вы можете мне помочь. Спасибо.

3. Если вы не можете повлиять на это с помощью JavaScript, то вы не можете повлиять на это с помощью GSAP. Я не знаю ни о какой функциональности, которая позволяет вам анимировать сами окна браузера.

4. Не думайте, что кто-то может помочь вам mate, платформа Electron привязана к правилам javascript.