PO

OTClient Module Maker

Por PoRaI, 15 de jun. de 2018 em Discussion

28
13.9k
PoRaIP
15 de junho de 2018 às 09:08

Bom, tem um tempo que eu tinha começado a desenvolver esse programa mas havia parado. Estou voltando com ele e vou trazer exclusivamente para o XTibia. Um programa para criar janelas para o OTClient. Ele ainda está um tanto quanto incompleto, mas, estou fazendo este post para mostrar o progresso dele. Quando as principais funções estiverem prontas, irei publica-lo e irei lançar constantes atualizações. É algo que eu vou usar, então, irei trabalhar bem nele.
 

GIFS:

Spoiler

xrxIzN8.gif

(gif de algumas funções) [15-06-2018 09:08]


c3Tguqo.gif

(Gancho) [15-06-2018 22:27]


Um plano que eu tinha em mente:

Spoiler

 

+ Criar UIWidget

+ Carregar Imagem

+ Texto e estilização (text, auto-resize, align, color)

+ Image-Border

+ Âncora

+ Gancho

+ Opções/Configurações do UIWidget

+ Fontes de Texto (imagens)

+ Carregar arquivo OTUI

+ Gancho em Redimensionamento (não tão importante)

+ Editor Lua

+ Auto-complete para o editor Lua com as funções do OTClient

+ Vincular funções Lua ao UIWidget

+ Design
+ Criar fontes para o OTClient

 


Conforme vou atualizando, vou postando aqui. Qualquer duvida ou sugestão, deixe ai nos comentários. :3

Editado Junho 15 por PoRaI

GabrieltxuG
15 de junho de 2018 às 10:16

muito bom mano, vai ajudar muito a galera, apoio e estou acompanhando para novas atualizações do desenvolvimento.

WaloxW
15 de junho de 2018 às 11:22

Muito bom cara Parabéns pelo esforço você é muito bom noque faz :D espero que de tudo certo neste projeto alem de facilitar muito para programadores iria ajudar muito os iniciantes em OTSERV em geral

epaminombasE
15 de junho de 2018 às 11:52

Caraca Porai é ninja!!! vai ser uma ótima contribuição para o desenvolvimento de modulos perfeitos.

PuWP
15 de junho de 2018 às 12:03

Com certeza acompanharei, não desanima irmão e vamos que vamos

CoehManehC
15 de junho de 2018 às 15:57

Genial!

PoRaIP
15 de junho de 2018 às 22:27

c3Tguqo.gif

Finalizei o Gancho. Mas outra coisa acabou indo pro planejamento que é: Gancho em Redimensionamento que não é tão importante no momento, rs. 

Editado Junho 15 por PoRaI

GengoG
16 de junho de 2018 às 10:24

Boa mano, tomara que este projeto siga em frente e venha ajudar muitos, lembro que o Tony Araujo fez um desses +- porém não sei se teve sucesso ou se levou o projeto adiante.

Será Open Source?

Qual linguagem você utilizou para fazer?

ValakinhasV
16 de junho de 2018 às 20:49

parabens muito top, finalmente algo novo haha

PoRaIP
17 de junho de 2018 às 19:37
Em 16/06/2018 em 10:24, luis700 disse:

Boa mano, tomara que este projeto siga em frente e venha ajudar muitos, lembro que o Tony Araujo fez um desses +- porém não sei se teve sucesso ou se levou o projeto adiante.

Será Open Source?

Qual linguagem você utilizou para fazer?

Esse projeto na real, foi uma curiosidade minha em testar a framework Electron, só que acabei investindo mais tempo nele do que imaginei pq acaba que Javascript é uma linguagem bem simples. Basicamente: Javascript, HTML/HTML5 e o framework Electron. Inclusive, Electron foi usado para criar o Discord, o novo Skype, o Atom, o Slack, entre outros...

//////

O que vocês acham? Qual seria a melhor forma de configuração?
aUMQbUE.png
Por enquanto, fiz assim. Aceito recomendações/sugestões de formas de configurações vindo de outros programas.

Editado Junho 17 por PoRaI

CoehManehC
18 de junho de 2018 às 08:15
12 horas atrás, PoRaI disse:

Esse projeto na real, foi uma curiosidade minha em testar a framework Electron, só que acabei investindo mais tempo nele do que imaginei pq acaba que Javascript é uma linguagem bem simples. Basicamente: Javascript, HTML/HTML5 e o framework Electron. Inclusive, Electron foi usado para criar o Discord, o novo Skype, o Atom, o Slack, entre outros...

//////

O que vocês acham? Qual seria a melhor forma de configuração?
aUMQbUE.png
Por enquanto, fiz assim. Aceito recomendações/sugestões de formas de configurações vindo de outros programas.

 

Acho válido qualquer pré-configuração de um programa que venha otimizar o processo. Como eu ainda não vi toda a estrutura não da pra dizer exatamente. Porém, está de parabéns pela iniciativa/continuidade de uma ideia/projeto. O que eu mais entendo disso ai é HTML/HTML5 e um básico de Javascript. Sobre o Electron, conheço pelo fato de ter utilizado muito o ATOM. Estou acompanhando seu projeto, amigo!

GengoG
18 de junho de 2018 às 08:37
12 horas atrás, PoRaI disse:

Esse projeto na real, foi uma curiosidade minha em testar a framework Electron, só que acabei investindo mais tempo nele do que imaginei pq acaba que Javascript é uma linguagem bem simples. Basicamente: Javascript, HTML/HTML5 e o framework Electron. Inclusive, Electron foi usado para criar o Discord, o novo Skype, o Atom, o Slack, entre outros...

//////

O que vocês acham? Qual seria a melhor forma de configuração?
aUMQbUE.png
Por enquanto, fiz assim. Aceito recomendações/sugestões de formas de configurações vindo de outros programas.

Em questão das configurações, poderia fazer tipo um object inspector um pouco mais estruturado igual ao que vemos nas IDE's, bom é uma sugestão.

PoRaIP
18 de junho de 2018 às 09:09
58 minutos atrás, CoehManeh disse:

 

Acho válido qualquer pré-configuração de um programa que venha otimizar o processo. Como eu ainda não vi toda a estrutura não da pra dizer exatamente. Porém, está de parabéns pela iniciativa/continuidade de uma ideia/projeto. O que eu mais entendo disso ai é HTML/HTML5 e um básico de Javascript. Sobre o Electron, conheço pelo fato de ter utilizado muito o ATOM. Estou acompanhando seu projeto, amigo!

Esse é o espirito, haha. Pensei em desenvolver usando Python ou C++, que eu também programo, mas pela curiosidade de usar o Electron eu acabei usando o Javascript. HTML5/Javascript eu usei para fazer o image-border:

uZS3hVj.png

(foi meio chatinho alinhar isso)

36 minutos atrás, luis700 disse:

Em questão das configurações, poderia fazer tipo um object inspector um pouco mais estruturado igual ao que vemos nas IDE's, bom é uma sugestão.

Manda uma print ai pra gente, asdkjlsadklj. Eu preciso de referências, sad. Não consigo pensar em nada que ajude na hora de configurar.
Você talvez me deu uma boa ideia... o object inspector do chrome... vou dar uma olhada se ficaria bom.
E não se preocupem com o visual do programa, por enquanto, rs... estou focando mais em funcionalidade, layout vem depois.

Editado Junho 18 por PoRaI

WaloxW
18 de junho de 2018 às 10:30
14 horas atrás, PoRaI disse:

Esse projeto na real, foi uma curiosidade minha em testar a framework Electron, só que acabei investindo mais tempo nele do que imaginei pq acaba que Javascript é uma linguagem bem simples. Basicamente: Javascript, HTML/HTML5 e o framework Electron. Inclusive, Electron foi usado para criar o Discord, o novo Skype, o Atom, o Slack, entre outros...

//////

O que vocês acham? Qual seria a melhor forma de configuração?
aUMQbUE.png
Por enquanto, fiz assim. Aceito recomendações/sugestões de formas de configurações vindo de outros programas.

Se quiser ajuda para fazer um design bacana para este projeto eu ficaria feliz de ajudar :) 

GengoG
18 de junho de 2018 às 10:45

O exemplo seria +- esse aqui 

exemplo.png.4249f45a51ce8daf7b81159a6cfd5783.png

Estava fazendo um uns tempinho atras, porem fiquei na duvida de ficar gerando os 3 arquivos otui, lua e otmod.

Editado Junho 18 por luis700